Terdapat 2 jenis JavaScript:
- Internal JavaScript
….<body>
<script type="text/javascript">
document.write("<p>My JavaScript Text</p>");
</script>
</body>….
- External JavaScript
<script type="text/javascript" src="filename.js"></script>
Peraturan dalam membuat variable di JavaScript:
- Dapat mengandung huruf, angka 0-9, dan underscore.
- Tidak boleh mengandung spasi ataupun karakter tanda baca.
- Karakter pertama dari sebuah variable harus berupa huruf atau underscore.
- Case Sensitive.
- Harus dibuat dalam satu baris.
Built-In objects:
- String
- Array
- Date
- Math
- Window
String Object Methods:
Jawaban Case:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript</title>
<style>
h1
{
text-align:center;
}
body
{
background-color:#999999;
}
table
{
width:100%;
}
.attribute
{
width:100%;
border-color:#0000FF;
}
#submit
{
float:right;
}
</style>
</head>
<body>
<h1>Registration Form</h1>
<form method="post" action="#">
<table>
<tr>
<td>
Nama
</td>
<td>
<input type="text" name="txtNama" id="nama" placeholder="Masukkan Nama" class="attribute" />
</td>
</tr>
<tr>
<td>
Alamat
</td>
<td>
<textarea name="txtAlamat" id="alamat" class="attribute"></textarea>
</td>
</tr>
<tr>
<td>
Telp
</td>
<td>
<input type="text" name="txtTelp" id="telp" class="attribute" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="radio" name="gender" value="Male" />Male
<input type="radio" name="gender" value="Female" />Female
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="submit" id="submit" onclick = "validateForm()"/>
</td>
</tr>
</table>
</form>
<script>
function validateForm()
{
var nama = document.getElementById('nama');
var alamat = document.getElementById('alamat');
var telp = document.getElementById('telp');
var gender = document.getElementsByName('gender');
if(nama.value == "")
{
alert("Nama Harus diisi");
}
else if(alamat.value.search("jalan") == -1)
{
alert("alamat harus mengandung kata jalan");
}
else if(isNaN(telp.value))
{
alert("Telepon Harus mengandung angka");
}
else if(!gender[0].checked && !gender[1].checked)
{
alert("Gender Harus dipilih");
}
else
{
alert("Registration Success");
}
}
</script>
</body>
</html>
No comments:
Post a Comment