MODUL 5
Praktikum 1
Ketiklah script di bawah ini :
modul_5a.html
<html>
<head>
<title>metode Java Script</title>
<script language = "JavaScript">
document.write("Selamat datang...<BR>");
document.write("UNIVERSITAS KUNINGAN");
</script>
</head>
<body>
</body>
</html>
<head>
<title>metode Java Script</title>
<script language = "JavaScript">
document.write("Selamat datang...<BR>");
document.write("UNIVERSITAS KUNINGAN");
</script>
</head>
<body>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 2
Ketiklah script di bawah ini :
modul_5b.html
<html>
<head>
<title>variabel JavaScript</title>
</head>
<body>
<script language="JavaScript">
var i = 2 + 3 * 6;
var x = 5;
var y = 10;
var z = x + y;
document.write('Nilai i = ',i + '<br>');
document.write(z);
</script>
</body>
</html>
<head>
<title>variabel JavaScript</title>
</head>
<body>
<script language="JavaScript">
var i = 2 + 3 * 6;
var x = 5;
var y = 10;
var z = x + y;
document.write('Nilai i = ',i + '<br>');
document.write(z);
</script>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 3
Ketiklah script di bawah ini :
modul_5c.html
<script language="JavaScript">
function pesan()
{
alert("Anda Mengklik Tombol OK");
}
</script>
<form>
<input type="button" name="OK" value="OK" onclick="pesan()">
</form>
function pesan()
{
alert("Anda Mengklik Tombol OK");
}
</script>
<form>
<input type="button" name="OK" value="OK" onclick="pesan()">
</form>
Tampilan yang dihasilkan:
Praktikum 4
Ketiklah script di bawah ini :
modul_5d.html
<h1>Masukan Data</h1>
<script language = "JavaScript">
var nama = prompt("Siapa Nama Anda ? ");
document.write("Hai, " + nama);
</script>
<script language = "JavaScript">
var nama = prompt("Siapa Nama Anda ? ");
document.write("Hai, " + nama);
</script>
Tampilan yang dihasilkan:
Praktikum 5
Ketiklah script di bawah ini :
modul_5e.html
<h1>Pesan Konfirmasi</h1>
<script language = "JavaScript">
var jawaban = window.confirm("Apakah data akan disimpan ? ");
document.write("Jawaban Anda : " + jawaban);
</script>
<script language = "JavaScript">
var jawaban = window.confirm("Apakah data akan disimpan ? ");
document.write("Jawaban Anda : " + jawaban);
</script>
Tampilan yang dihasilkan:
Praktikum 6
Ketiklah script di bawah ini :
modul_5f.html
<html>
<head>
<title>Perhitungan Sederhana</title>
</head>
<script language="JavaScript">
function jum()
{
var a = parseInt(document.data.bil_1.value);
var b = parseInt(document.data.bil_2.value);
document.data.hasil.value = a + b;
}
</script>
<body>
<form name="data">
<pre>
Bilangan 1 : <input type="text" name="bil_1"><br>
Bilangan 2 : <input type="text" name="bil_2"><br>
<input type="button" value="Hitung" onclick="jum()"><br>
Hasil : <input type="text" name="hasil">
</pre>
</form>
</body>
</html>
<head>
<title>Perhitungan Sederhana</title>
</head>
<script language="JavaScript">
function jum()
{
var a = parseInt(document.data.bil_1.value);
var b = parseInt(document.data.bil_2.value);
document.data.hasil.value = a + b;
}
</script>
<body>
<form name="data">
<pre>
Bilangan 1 : <input type="text" name="bil_1"><br>
Bilangan 2 : <input type="text" name="bil_2"><br>
<input type="button" value="Hitung" onclick="jum()"><br>
Hasil : <input type="text" name="hasil">
</pre>
</form>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 7
Ketiklah script di bawah ini :
modul_5g.html
<!DOCTYPE html>
<html>
<body>
<p>Array Shorting Alphabet</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = [" Banana", " Orange", " Apple", " Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.sort();
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>
<html>
<body>
<p>Array Shorting Alphabet</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = [" Banana", " Orange", " Apple", " Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.sort();
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 8
Ketiklah script di bawah ini :
modul_5h.html
<!DOCTYPE html>
<html>
<body>
<p>Array Shorting Number</p>
<button onclick="myFunction()">Urutkan</button>
<p id="demo"></p>
<script>
var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
function myFunction() {
points.sort(function(a , b){return a - b});
document.getElementById("demo").innerHTML = points;
}
</script>
</body>
</html>
<html>
<body>
<p>Array Shorting Number</p>
<button onclick="myFunction()">Urutkan</button>
<p id="demo"></p>
<script>
var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
function myFunction() {
points.sort(function(a , b){return a - b});
document.getElementById("demo").innerHTML = points;
}
</script>
</body>
</html>
Tampilan yang dihasilkan:
Pre Test Praktikum
Ketiklah script di bawah ini :
modul_5pretest.html
<title>Pre Test Modul 5</title>
<center>
<h3>Form Message Box Input Nama</h3>
<script language = "JavaScript">
var nama = prompt("Masukan Nama:");
document.write("Nama Anda adalah "+nama+".");
</script>
</center>
<center>
<h3>Form Message Box Input Nama</h3>
<script language = "JavaScript">
var nama = prompt("Masukan Nama:");
document.write("Nama Anda adalah "+nama+".");
</script>
</center>
Tampilan yang dihasilkan:
Post Test Praktikum
Ketiklah script di bawah ini :
modul_5posttest.html
<title>Post Test Modul 5</title>
<h1>Program JavaScript Simpan Data</h1>
<pre>
<script language="JavaScript">
var nim = prompt("Masukan NIM :");
var nama = prompt("Masukan Nama :");
var alamat = prompt("Masukan Alamat :");
var konfirmasi = window.confirm("Apakah data akan disimpan ? ");
document.write("Satus Penyimpanan Data : " + konfirmasi +"<br>");
document.write("NIM Anda : ", nim + "<br>");
document.write("Nama Anda : ", nama + "<br>");
document.write("Alamat Anda : ", alamat +"<br>");
</script>
</pre>
<h1>Program JavaScript Simpan Data</h1>
<pre>
<script language="JavaScript">
var nim = prompt("Masukan NIM :");
var nama = prompt("Masukan Nama :");
var alamat = prompt("Masukan Alamat :");
var konfirmasi = window.confirm("Apakah data akan disimpan ? ");
document.write("Satus Penyimpanan Data : " + konfirmasi +"<br>");
document.write("NIM Anda : ", nim + "<br>");
document.write("Nama Anda : ", nama + "<br>");
document.write("Alamat Anda : ", alamat +"<br>");
</script>
</pre>
Tampilan yang dihasilkan:
Praktikum 2
Ketiklah script di bawah ini :
switchLamp.html
<!DOCTYPE html>
<html>
<body>
<h1>Apa yang bisa dikerjakan Javascript?</h1>
<p>JavaScript dapat dimasukan di atribute HTML</p>
<p>Dalam hal ini JavaScript mengubah src (source) atribut dari suatu gambar.</p>
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>
<p>note... Pakai Google Chrome Browser</p>
</body>
</html>
<html>
<body>
<h1>Apa yang bisa dikerjakan Javascript?</h1>
<p>JavaScript dapat dimasukan di atribute HTML</p>
<p>Dalam hal ini JavaScript mengubah src (source) atribut dari suatu gambar.</p>
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>
<p>note... Pakai Google Chrome Browser</p>
</body>
</html>
Tampilan yang dihasilkan:
Tugas Praktikum
Ketiklah script di bawah ini :
modul_5tugas.html
<html>
<head>
<title>Latihan dan Tugas Modul 5</title>
</head>
<script language="JavaScript">
function hitung()
{
var a = parseInt(document.data.bil1.value);
var b = parseInt(document.data.bil2.value);
document.data.tambah.value = a + b;
document.data.kali.value = a * b;
document.data.kurang.value = a - b;
document.data.bagi.value = a / b;
}
</script>
<body>
<form name="data">
<table align="center">
<tr>
<td bgcolor="grey" colspan="2" align="center">OPERASI PERHITUNGAN</td>
</tr>
<tr>
<td>Bilangan Pertama</td>
<td><input type="text" name="bil1"></td>
</tr>
<tr>
<td>Bilangan Kedua</td>
<td><input type="text" name="bil2"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="HITUNG" onclick="hitung()"></td>
</tr>
<tr>
<td>Hasil Pejumlahan</td>
<td><input type="text" name="tambah"></td>
</tr>
<tr>
<td>Hasil Perkalian</td>
<td><input type="text" name="kali"></td>
</tr>
<tr>
<td>Hasil Pengurangan</td>
<td><input type="text" name="kurang"></td>
</tr>
<tr>
<td>Hasil Pembagian</td>
<td><input type="text" name="bagi"></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Latihan dan Tugas Modul 5</title>
</head>
<script language="JavaScript">
function hitung()
{
var a = parseInt(document.data.bil1.value);
var b = parseInt(document.data.bil2.value);
document.data.tambah.value = a + b;
document.data.kali.value = a * b;
document.data.kurang.value = a - b;
document.data.bagi.value = a / b;
}
</script>
<body>
<form name="data">
<table align="center">
<tr>
<td bgcolor="grey" colspan="2" align="center">OPERASI PERHITUNGAN</td>
</tr>
<tr>
<td>Bilangan Pertama</td>
<td><input type="text" name="bil1"></td>
</tr>
<tr>
<td>Bilangan Kedua</td>
<td><input type="text" name="bil2"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" value="HITUNG" onclick="hitung()"></td>
</tr>
<tr>
<td>Hasil Pejumlahan</td>
<td><input type="text" name="tambah"></td>
</tr>
<tr>
<td>Hasil Perkalian</td>
<td><input type="text" name="kali"></td>
</tr>
<tr>
<td>Hasil Pengurangan</td>
<td><input type="text" name="kurang"></td>
</tr>
<tr>
<td>Hasil Pembagian</td>
<td><input type="text" name="bagi"></td>
</tr>
</table>
</form>
</body>
</html>
Tampilan yang dihasilkan:
0 Response to "Laporan Praktikum Pemrograman Web 1 Modul 5"
Posting Komentar