Latihan Bahan yang Dipelajari untuk Bekerja dengan DOM
Diberikan satu input dan satu perenggan. Apabila input kehilangan fokus, masukkan nilai input ke hujung teks perenggan.
Diberikan beberapa input, satu perenggan dan satu butang. Apabila butang ditekan, dapatkan nombor-nombor yang berada dalam input-input tersebut dan masukkan jumlahnya ke dalam perenggan.
Diberikan satu input. Nombor dimasukkan ke dalamnya. Apabila kehilangan fokus, cari jumlah digit bagi nombor tersebut.
Diberikan satu input. Nombor-nombor dimasukkan ke dalamnya dipisahkan oleh koma. Apabila kehilangan fokus, cari purata aritmetik nombor-nombor tersebut (jumlah dibahagikan dengan kuantiti).
Diberikan 4 input. Nama Penuh dimasukkan ke dalam
input pertama dipisahkan oleh ruang. Apabila kehilangan fokus, masukkan
nama keluarga, nama pertama dan nama bapa ke dalam 3 input
yang lain.
Diberikan satu input. Nama Penuh dimasukkan ke dalamnya dipisahkan oleh ruang. Nama Penuh dimasukkan dengan huruf kecil. Jadikan supaya apabila input kehilangan fokus, nama keluarga, nama pertama dan nama bapa yang dimasukkan secara automatik menjadi ditulis dengan huruf besar (dalam input yang sama).
Diberikan satu input. Teks dimasukkan ke dalamnya. Apabila kehilangan fokus, ketahui bilangan perkataan dalam teks tersebut.
Diberikan satu input. Tarikh dimasukkan ke dalamnya dalam format 31.12.2016. Apabila kehilangan fokus dalam input yang sama, letakkan tarikh ini dalam format 2016-12-31.
Diberikan satu input. Perkataan dimasukkan ke dalamnya. Apabila ditekan pada butang, semak sama ada perkataan ini dibaca dari awal dan dari akhir secara sama (contohnya, madam).
Diberikan satu input. Nombor dimasukkan ke dalamnya. Semak
apabila kehilangan fokus, sama ada nombor ini mengandungi
di dalamnya digit 3.
Diberikan beberapa perenggan dan satu butang. Apabila ditekan pada butang, masukkan ke hujung setiap perenggan nombor turutannya.
Diberikan pautan. Tambahkan pada hujung setiap pautan
href-nya dalam kurungan.
Diberikan pautan. Jika pautan bermula dengan http://,
maka tambahkan kepadanya pada hujung anak panah → (dibuat
seperti ini: →).
Diberikan beberapa perenggan dengan nombor. Apabila ditekan pada mana-mana perenggan, masukkan ke dalamnya kuasa dua nombor, yang berada di dalamnya.
Diberikan satu input. Tarikh dimasukkan ke dalamnya dalam format 31.12.2016. Apabila kehilangan fokus, ketahui hari dalam minggu (dengan perkataan), yang jatuh pada tarikh tersebut.
Diberikan satu input. Laksanakan butang +1, -1,
yang akan menambah atau mengurangkan
nilai input sebanyak 1. Pastikan nilai ini
tidak boleh menjadi kurang daripada sifar.
Diberikan satu input. Diberikan perenggan. Biarkan dalam input ini dimasukkan jumlah bilangan klik pada perenggan-perenggan tersebut.
Terdapat div dalam halaman. Terdapat teks di dalamnya.
Lalui semua div dan potong teks yang
berada di dalamnya supaya panjangnya menjadi 10
aksara. Dan tambahkan elipsis pada hujung teks yang dipotong.
Diberikan satu input dan satu butang. Apabila ditekan pada butang
jana rentetan rawak terdiri daripada 8
aksara dan masukkan ke dalam input.
Diberikan satu input dan satu butang. Pengguna memasukkan ke dalam input beberapa rentetan. Apabila ditekan pada butang gaulkan aksara yang dimasukkan secara rawak dan masukkan semula ke dalam input.
Diberikan satu input, satu butang dan satu perenggan. Suhu dalam d darjah Fahrenheit dimasukkan ke dalam input. Apabila diklik pada butang keluarkan dalam perenggan suhu dalam darjah Celsius.
Diberikan satu input, satu butang dan satu perenggan. Nombor dimasukkan ke dalam input. Apabila ditekan pada butang, keluarkan dalam perenggan faktorial bagi nombor tersebut.
Diberikan 3 input, satu butang dan satu perenggan. Pekali
persamaan kuadratik dimasukkan ke dalam input-input.
Apabila ditekan pada butang, cari punca-punca
persamaan tersebut dan keluarkannya dalam perenggan.