Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side.
Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit.
Syntax :
Latihan :
Latihan1
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
alert("Belajar Javascript");
</script>
</head>
<body>
Latihan JavaScript
</body>
</html>
Latihan2
<!DOCTYPE html>
<html>
<body>
<script language="JavaScript" type="text/javascript">
document.write("<h1> Belajar Javascript</h1>");
</script>
</body>
</html>
Latihan3
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function cobafungsi()
{ document.getElementById("coba").innerHTML="Belajar membuat fungsi"; }
</script>
</head>
<body>
<h1>Halaman WEB</h1>
<p id="coba">A Paragraph</p>
<button type="button" onclick="cobafungsi()">Coba Fungsi</button>
</body>
</html>
Latihan4
<!DOCTYPE html>
<html>
<body>
<h1>Halaman Web</h1>
<p id="coba">A Paragraph</p>
<button type="button" onclick="cobafungsi()">Coba</button>
<script language="JavaScript" type="text/javascript">
function cobafungsi()
{ document.getElementById("coba").innerHTML = "Belajar Fungsi Javascript"; }
</script>
</body>
</html>
Latihan5
<head>
<script language="JavaScript" type="text/javascript">
// tipe data string
var namakota="Malang";
// tipe data string
var propinsi="Jawa Timur";
// tipe data integer
var x1=34;
// tipe data float
var x2=3.14;
// tipe data integer
var y=123e4;
// tipe data boolean
var x=true;
alert(namakota);
alert(propinsi);
alert(x1);
alert(x2);
alert(y);
alert(x);
</script>
</head>
<body>
</body>
Latihan6
<html>
<body>
<script language="JavaScript" type="text/javascript">
var hasil;
// deklarasi dan assignment dapat dilakukan sekaligus
var bilPertama = 15;
var bilKedua = 10;
hasil = bilPertama + bilKedua;
alert(hasil);
// menampilkan hasil 25
hasil = bilPertama - bilKedua;
alert(hasil);
// menampilkan hasil 5
hasil = bilPertama * bilKedua;
alert(hasil);
// menampilkan hasil 150
hasil = bilPertama / bilKedua;
alert(hasil);
// menampilkan hasil 1.5
</script>
</body>
</html>
Latihan7
<html>
<body>
<script language="JavaScript" type="text/javascript">
var harga = prompt("Masukkan harga mula-mula (Rp) : ");
var hargaDiskon;
hargaDiskon = harga - 0.2 * harga;
document.write("Harga setelah didiskon : Rp. " + hargaDiskon);
</script>
</body>
</html>
LAtihan8
<html>
<body>
<script language="JavaScript" type="text/javascript">
var teks = "2.3 adalah bilangan riil";
var bil1;
var bil2;
bil1 = parseFloat(teks);
// konversi ke riil
document.write("Nilai dari bil1 = " + bil1 + "<br>");
bil2 = parseInt(teks);
// konversi ke integer
document.write("Nilai dari bil2 = " + bil2);
</script>
</body>
</html>
TUGAS :
1. Buatlah Program Wajib Zakat dengan Javascript.
Kirim email ke harrysupandi@gmail.com
Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit.
Syntax :
<html> <head> <script type="text/javascript"> ... </script> </head> </html>
<html> <head> </head> <body> <script type="text/javascript"> ... </script> </body> </html>
Latihan :
Latihan1
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
alert("Belajar Javascript");
</script>
</head>
<body>
Latihan JavaScript
</body>
</html>
Latihan2
<!DOCTYPE html>
<html>
<body>
<script language="JavaScript" type="text/javascript">
document.write("<h1> Belajar Javascript</h1>");
</script>
</body>
</html>
Latihan3
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function cobafungsi()
{ document.getElementById("coba").innerHTML="Belajar membuat fungsi"; }
</script>
</head>
<body>
<h1>Halaman WEB</h1>
<p id="coba">A Paragraph</p>
<button type="button" onclick="cobafungsi()">Coba Fungsi</button>
</body>
</html>
Latihan4
<!DOCTYPE html>
<html>
<body>
<h1>Halaman Web</h1>
<p id="coba">A Paragraph</p>
<button type="button" onclick="cobafungsi()">Coba</button>
<script language="JavaScript" type="text/javascript">
function cobafungsi()
{ document.getElementById("coba").innerHTML = "Belajar Fungsi Javascript"; }
</script>
</body>
</html>
Latihan5
<head>
<script language="JavaScript" type="text/javascript">
// tipe data string
var namakota="Malang";
// tipe data string
var propinsi="Jawa Timur";
// tipe data integer
var x1=34;
// tipe data float
var x2=3.14;
// tipe data integer
var y=123e4;
// tipe data boolean
var x=true;
alert(namakota);
alert(propinsi);
alert(x1);
alert(x2);
alert(y);
alert(x);
</script>
</head>
<body>
</body>
Latihan6
<html>
<body>
<script language="JavaScript" type="text/javascript">
var hasil;
// deklarasi dan assignment dapat dilakukan sekaligus
var bilPertama = 15;
var bilKedua = 10;
hasil = bilPertama + bilKedua;
alert(hasil);
// menampilkan hasil 25
hasil = bilPertama - bilKedua;
alert(hasil);
// menampilkan hasil 5
hasil = bilPertama * bilKedua;
alert(hasil);
// menampilkan hasil 150
hasil = bilPertama / bilKedua;
alert(hasil);
// menampilkan hasil 1.5
</script>
</body>
</html>
Latihan7
<html>
<body>
<script language="JavaScript" type="text/javascript">
var harga = prompt("Masukkan harga mula-mula (Rp) : ");
var hargaDiskon;
hargaDiskon = harga - 0.2 * harga;
document.write("Harga setelah didiskon : Rp. " + hargaDiskon);
</script>
</body>
</html>
LAtihan8
<html>
<body>
<script language="JavaScript" type="text/javascript">
var teks = "2.3 adalah bilangan riil";
var bil1;
var bil2;
bil1 = parseFloat(teks);
// konversi ke riil
document.write("Nilai dari bil1 = " + bil1 + "<br>");
bil2 = parseInt(teks);
// konversi ke integer
document.write("Nilai dari bil2 = " + bil2);
</script>
</body>
</html>
TUGAS :
1. Buatlah Program Wajib Zakat dengan Javascript.
Kirim email ke harrysupandi@gmail.com
Yang lain sy tunggu Segera...
Komentar
Posting Komentar