Berikut beberapa contoh latihan dari javascript :
1. Menampilkan tanggal
Syntax :
<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p id="demo">Klik Tombol Tampilkan Tanggal dibawah untuk melihat tanggal sekarang.</p>
<button type="button" onclick="displayDate()">Tampilkan Tanggal</button>
</body>
</html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p id="demo">Klik Tombol Tampilkan Tanggal dibawah untuk melihat tanggal sekarang.</p>
<button type="button" onclick="displayDate()">Tampilkan Tanggal</button>
</body>
</html>
Penjelasannya : yang berwarna MERAH adalah script/code JavaScript yang diletakkan pada halaman web..
Hasil :
ketika Tombol "Tampilkan Tanggal" ditekan maka akan terjadi perubahan seperti gambar di bawah ini yaitu akan menampilkan tanggal/waktu sekarang...
SOURCE: http://multi-komputers.blogspot.com/2013/05/contoh-sederhana-javascript-menampilkan.html
2. Menampilkan tabel Rata-Rata Nilai
Syntax :
<html>
<head> <title> MAPEL </title> <head>
<body>
<script language="Javascript">
<!--
var nama1,nama2,nama3,mat1,mat2,mat3,bhs1,bhs2,bhs3,bhs11,bhs12,bhs13,rata1,rata2,rata3;
nama1=prompt("Masukan Nama","");
mat1=prompt("Masukan Nilai Matematika","");
bhs1=prompt("Masukan Nilai Bhs.Indonesia","");
bhs11=prompt("Masukan Nilai Bhs.Inggris","");
nama2=prompt("Masukan Nama","");
mat2=prompt("Masukan Nilai Matematika","");
bhs2=prompt("Masukan Nilai Bhs.Indonesia","");
bhs12=prompt("Masukan Nilai Bhs.Inggris","");
nama3=prompt("Masukan Nama","");
mat3=prompt("Masukan Nilai Matematika","");
bhs3=prompt("Masukan Nilai Bhs.Indonesia","");
bhs13=prompt("Masukan Nilai Bhs.Inggris","");
rata1=mat1/3+bhs1/3+bhs11/3;
rata2=mat2/3+bhs2/3+bhs12/3;
rata3=mat3/3+bhs3/3+bhs13/3;
document.writeln("<center><table border='2'>")
document.writeln("<tr>")
document.writeln("<td rowspan=2> Nama Siswa </td>")
document.writeln("<td colspan=3> Nilai Mapel </td>")
document.writeln("<td rowspan=2> Rata-Rata </td>")
document.writeln("</tr>")
document.writeln("<tr>")
document.writeln("<td>Matematika</td><td> Bhs. Indonesia</td><td>Bhs.Inggris</td></tr><tr>");
document.write("<td>"+nama1);
document.write("<td>"+mat1);
document.write("<td>"+bhs1);
document.write("<td>"+bhs11);
document.writeln("<td>"+rata1);
document.writeln("</tr><tr>");
document.write("<td>"+nama2);
document.write("<td>"+mat2);
document.write("<td>"+bhs2);
document.write("<td>"+bhs12);
document.writeln("<td>"+rata2);
document.writeln("</tr><tr>");
document.write("<td>"+nama3);
document.write("<td>"+mat3);
document.write("<td>"+bhs3);
document.write("<td>"+bhs13);
document.writeln("<td>"+rata3);
document.writeln("</tr></table>");
//-->
</script>
</body>
</html>
Hasil :
3. Cek Kelulusan
Syntax :
<html>
<head>
<title>lulus</title>
</head>
<body>
<script language="javascript">
<!--
var nilai;
nilai=prompt("isi nilai Anda","");
if((nilai>=76))
{
document.write("Anda Lulus")
}
else if((nilai<76))
{
document.write("Anda Tidak Lulus")
}
//-->
</script>
</body>
</html>
Hasil :
Itulah beberapa contoh dari program javasript,bila ada kesalahan
mohon di maafkan karena manusia tak luput dari kesalahan :v