Cara Membuat Kotak Username Dan Password Sederhana Menggunakan JavaScript Pemrograman Web
Assalamu’alaikum..
MasihPada pembahasan Laboratorium Informatika,kali ini Praktikum Pemrograman Web ke 2 sayaingin sharing mengenai Cara Membuat KotakUsername Dan Password Menggunakan Java Script. Bahannya masih sama yaitu Notepad++. Oke eksklusif saja ya disimak:
1. Buka Notepad++dengan cara : tekan (Windows+r) – ketik notepad++ , lalu ketikkan atau copypaste script dibawah ini :
function salam()
alert("Assalamu'alaikumBrada!!");
}
function spoiler()
document.getelementById("nama").innerHTML="MuhammadFaris Al Fatih";
}
function npm()
document.getelementById("npm").innerHTML="54411827";
}
Username :
Password :
Ini gannama ane :
Ini ganNPM ane :
Okesaya sedikit jelaskan maksud fungsi tag diatas, Maksud listingan diatas adalah:
= dipakai buat memberikan liputan tentang dokumen.
Pada tag javascriptterdiri berdasarkan 3 script yaitu salam(), spoiler(), serta npm().
1. innerHTML= buat menaruh informasisaat button diklik.
2. Kemudian membuatsebuah tampilan username serta password yg mampu diisi oleh pengguna.berikut tag nya :
Maksudlistingan diatas adalah pada usernamedengan type=”text”, serta password menggunakan type=”password”, berarti password yg diisi akan berupa bintang(*).username serta password inputannyaberupa text serta password.
2. Membuat tombol Submit, Reset serta Salam.
MaksudnyaSubmit = supaya data yg diisi akandisimpan. Reset = menghapus datasetelah tersimpan, Salam = saat diklik akan memanggil dari functionsalam() yang menghasilkan berupa keluaran :
3. Kemudian aku akanmemanggil dari function javascriptyang lain. Seperti gambar :
Maksudnyaadalah ketika kita mengklik tombol Spoilerpada “Ini gan nama ane” , maka kita akan memanggil fungsi spoiler() yangmenghasilkan nama Muhammad Faris Al Fatih, serta jika mengklik tombol Spoiler pada “Ini gan NPM ane”,memanggil fungsi npm() yangmenghasilkan 54411827. Sepertigambar output dibawah.
Output :
Mungkinitu saja yang bisa saya bahas, apabila ada kata yang salah serta kurang berkenanmohon dimaafkan. Terima kasih.. ^^
Wassalamu’alaikum..
Download CodeIgniter menurut Website Resminya: Disini
Download File LA 2 PWeb Lengkapnya: Disini
