Saya memiliki beberapa kode JavaScript di halaman HTML dengan sebuah tombol. Saya memiliki fungsi yang disebut click()
yang menangani onClickperistiwa tombol. Kode untuk tombol tersebut adalah sebagai berikut:
<input type="button" onClick="click()">button text</input>
Masalahnya adalah ketika tombol diklik, fungsinya tidak dipanggil. Apa yang saya lakukan salah di sini?
Solutip
Anda perlu melakukan sedikit revisi kode berikut:
<input type="button">button text</input>
Menjadi:
<input type="button" value="button text" />
Anda harus mengganti nama fungsi Anda. Fungsi click()
sudah ditentukan pada tombol (mensimulasikan klik), dan mendapat prioritas lebih tinggi daripada metode Anda.
Perhatikan bahwa ada beberapa saran di sini yang salah, dan Anda tidak boleh menghabiskan banyak waktu untuk itu:
- Jangan gunakan
onclick="javascript:myfunc()"
. Hanya gunakan javascript:awalan di dalam href
atribut hyperlink: <a href="javascript:myfunc()">
.
- Anda tidak harus diakhiri dengan titik koma.
onclick="foo()"
dan onclick="foo();"
keduanya bekerja dengan baik.
- Atribut peristiwa dalam HTML tidak peka huruf besar-kecil, jadi onclick, onClick dan ONCLICK semuanya berfungsi. Merupakan praktik umum untuk menulis atribut dalam huruf kecil: onclick. perhatikan bahwa javascript itu sendiri peka terhadap huruf besar-kecil, jadi jika Anda menulis
document.getElementById("...").onclick = ...,
maka semuanya harus huruf kecil .