Pada artikel kali ini kita akan belajar tentang even oninput pada javascript, studycase disini saya akan membuat suatu inputan dimana apa yang kita ketik akan langsung tercetak pada element yang sudah kita tentukan dengan fungsi even oninput pada javascript,
oke kita langsung praktekan saja, silahkan buat file html dan ketikan script html berikut:
<input type="text" id="input" oninput="inputan()" /> <div id="cetak"></div>
script di atas kita letakan di tag body ya,
sekarang kita ketikan javascript untuk mencetak apa yang kita ketikan di dalam tag input tersebut, silahkan ketikan script berikut :
<script>
function inputan(){
var x = document.getElementById("input").value;
document.getElementById("cetak").innerHTML = "Kamu sedang mengetik kata : " + x;
}
</script>
script di atas menjelaskan bahwa kita membuat variable x dimana nilainya adalah berdasarkan dari id input yang telah kita letakan di tag input, lalu kita cetak didalam id cetak, dengan cetakan pastinya “kamu sedang mengetik” ditambah dengan apa yang kita ketikan didalam tag inputan tadi, jika sudah save , lalu coba jalankan hasilnya ,
selamat mencoba teman-teman , semoga bermanfaat, sekian artikel kali ini,
terimakasih 🙂