Hallo teman-teman, apa kabar? bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar bagaimana cara Membuat Inputan Otomatis Huruf Kapital Dengan Javascript,
bagi teman-teman yang sudah familiar degnan javascript tentu sangatlah mudah, namun disini saya akan menjelaskan kepada teman-teman yang belum paham.
oke pada study kasus kali ini kita akan membuat Inputan Otomatis Huruf Kapital nah untuk itu kita langsung saja praktekan, silahkan teman-teman buat sebuah file html dan ketikan script berikut ini:
<!DOCTYPE html> <html> <body> Nama lengkap: <input type="text" id="nama" onkeyup="myFunction()"> </body> </html>
Pada script diatas saya membuat sebuah inputan dengan tag atau element input dengan type text lalu id nama dan onkeyup dengan nama myFunction(), jika sudah silahkan teman-teman save.
Sleanjutnya kita akan buat script javascriptnya, silahkan teman-teman ketikan script berikut ini:
<script>
function myFunction() {
var x = document.getElementById("nama");
x.value = x.value.toUpperCase();
}
</script>
Penjelasan dari script diatas, ketika ada aksi pada fungsi dengan nama myfuction() maha saya membuat sebuah variable bernama x dimana variable tersebut mengambil id nama pada inputan diatas, lalu saya merubahnya dengan fungsi toUpperCase pada javascript, keseluruhan scriptnya adalah sebagai berikut :
<!DOCTYPE html>
<html>
<body>
Nama lengkap: <input type="text" id="nama" onkeyup="myFunction()">
<script>
function myFunction() {
var x = document.getElementById("nama");
x.value = x.value.toUpperCase();
}
</script>
</body>
</html>
jika teman teman save maka hasilnya adalah seperti berikut ini:
Hasilnya setiap kata yang kita ketik pada tag input atau pada inputan diatas akan berubah menjadi kapital tanpa hasus merubahnya dengan keyboard, oke gimana teman-teman? cukup mudah bukan, sekian dulu tutorial kali ini tentang cara Membuat Inputan Otomatis Huruf Kapital Dengan Javascript, silahkan praktekan sendiri, kiranya sampai sini dulu tutorial kali ini, semoga bermanfaat, terimakasih.