Mr. Cheperz: Cara Membuat JavaScript Pada Html Berikut Contoh

Tugas Pemograan Web 1 (JAVASCRIPT)

Diajukan untuk Memenuhi salah satu mata kuliah Praktikum Pemograman Web 1

Dosen Pengampu: Rio Andriyat, M.Kom

Disusun Oleh :

Cecep Pauji Ramadhan

20160910077

Sistem Informasi 2016 C

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI SISTEM INFORMASI

UNIVERSITAS KUNINGAN

2018

MODUL V

JAVASCRIPT

A.Post

Syntax :

	<h1> Program Javascript Simpan data </h1>
	<script language="Javascript">

	var nim=prompt("Masukan NIM");
	var nama=prompt("Masukan Nama");
	var alamat=prompt("Masukan Alamat");
	var jawaban=window.confirm("Apakah data akan disimpan?");

	document.write("Status Penyimpan Data : "+jawaban);
	document.write('<br>');
	document.write("<br>NIM Anda : "+nim);
	document.write('<br>');
	document.write("<br>Nama Anda : "+nama);
	document.write('<br>');
	document.write("<br>Alamat Anda : "+alamat);

	</script> Output :

B. Tugas

Syntax :

	<html>
	<head>
	<title> Tugas Operasi Hitungan </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.hasil1.value=a+b;
	}

	function kali()
	{
	var a = parseInt(document.data.bil_1.value);
	var b = parseInt(document.data.bil_2.value);
	document.data.hasil2.value=a*b;
	}

	function bagi()
	{
	var a = parseInt(document.data.bil_1.value);
	var b = parseInt(document.data.bil_2.value);
	document.data.hasil3.value=a/b;
	}

	function kurang()
	{
	var a = parseInt(document.data.bil_1.value);
	var b = parseInt(document.data.bil_2.value);
	document.data.hasil4.value=a-b;
	}
	</script>
	<body>
	<form name="data">
	<pre>
	<table width="25%"align="center"border="1">
	<tr><td colspan="2"align="center"> OPERASI HITUNG</td></tr>
	<tr><td> Angka Pertama</td><td><input type="text" name="bil_1"></td></tr>
	<tr><td> Angka Kedua</td><td><input type="text" name="bil_2"></td></tr>
	<tr><td colspan="2"align="center"><input type="button"value="Hitung"onclick="jum(),kali(),bagi(),kurang()"></td></tr>
	<tr><td> Hasil Penjumlahan</td><td><input type="text" name="hasil1"></td></tr>
	<tr><td> Hasil Perkalian</td><td><input type="text" name="hasil2"></td></tr>
	<tr><td> Hasil Pembagian</td><td><input type="text" name="hasil3"></td></tr>
	<tr><td> Hasil Pengurangan</td><td><input type="text" name="hasil4"></td></tr>
	</table>

	</pre>
	</form>
	</body>
	</html>

Output :

Mr. Cheperz