Cara cepat membuat program dengan javascript
Ini contoh soal javascript, silahkan lihat dan preaktekkan
Tugas 1 Pemprograman WWW menggunakan JavaScript
Soal
- Buatlah Form Pendaftaran email, di lengkapi javascript
<head>
<title>Tugas 1 Javascript</title>
<style></style>
<script type="text/javascript">
function valregister(){
var x=register.txtemail.value;
if(x==""){
alert("Alamat Email masih kosong");
register.txtemail.focus();
return false;
}else{
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
alert("Alamat Email Tidak Valid");
register.txtemail.focus();
return false;
}
}
var z=register.txtpassword.value;
var panjang=z.length;
if(register.txtpassword.value==""){
alert("Sandi masih kosong");
register.txtpassword.focus();
return false;
}
if(panjang<8){
alert("Sandi minimum 8 karakter");
register.txtpassword.focus();
return false;
}
alert("Berhasil Masuk");
return true;
}
</script>
</head>
<body>
Nama : KAMALUDIN <br/><p>
Tugas 1 : Form Login Html + Javascript</p>
<h1>Masuk Email</h1>
<form name="register" action="" method="post" enctype="multipart/form-data" onSubmit="return valregister()">
<br />
<table align="left" width="200" border="0">
<tr>
<td height="32">Email</td>
<td><input type="text" name="txtemail" id="txtemail" size="20" maxlength="50"></td>
</tr>
<tr>
<td height="32">Sandi</td>
<td><label>
<input name="txtpassword" type="password" id="txtpassword">
</label></td>
</tr>
<tr>
<td></td>
<td ><input name="mlebu" type="submit" id="mlebu" value="Masuk" onsubmit="valregister()" /></td>
</tr>
<tr>
<td></td>
<td ><input name="wurung" type="reset" id="wurung" value="Batal" /></td>
</tr>
</table>
</form>
</body>
</html>
- Simpan dengan .html nanti pada saat kita buka otomatis akan kebuka di web browser. Setelah program sudah di buat dan di simpan, langkah berikutnya kita coba buka, maka hasilnya akan seperti ini (Gambar 1):
(Gambar 1)
- Sekarang kita coba masukkan Email dan Passwordnya, pada (Gambar 2).
(Gambar 2)
- Jika dalam memasukkan email & passwordnya benar maka akan tampil (Gambar 3), akan ada jendela yang memberitahu bahwa email& passwordnya benar.
(Gambar 3)
- Tetapi jika salah dalam memasukkan email / password maka akan tampil:
- email salah (Gambar 4)
- password salah (gambar 5)
(Gambar 4 & 5)
Selamat Program html + javascript anda telah berhasil.
Sekian dulu dari saya, nanti saya akan bagi-bagi lagi cara cepat belajar javascript. TERIMA KASIH.
Tidak ada komentar:
Posting Komentar