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.