Modul 5
LAPORAN MODUL 5
java script
Buatlah javascript dengan memasukan data berupa NIM, nama, alamat, setelah itu melakukan konfirmasi data akan disimpan. Kemudian tampilkan kembali hasil data masukan tersebut.
Nama : Yayat Supriatna
Nim : 20160910098
Kelas : SIC-2016
Post Test
Buatlah javascript dengan memasukan data berupa NIM, nama, alamat, setelah itu melakukan konfirmasi data akan disimpan. Kemudian tampilkan kembali hasil data masukan tersebut.
Syntax Program :
<html><head>
<title>Input Data Mahasiswa</title>
</head>
<body>
<h3>Input Data Mahasiswa</h3>
<script language="javascript">
var nim = prompt ("Masukan NIM", "Masukan NIM anda"); // variabel nim untuk memasukan nim
var nama = prompt ("Masukan Nama", "Masukan nama anda");// variabel nama untuk nama
var alamat = prompt ("Masukan Alamat", "Masukan alamat anda");//untuk alamat
var jawaban = window.confirm ("Apakah data anda akan disimpan?");//unruk menampilkan pop up pertatnyaan
document.write ("Status penyimpanan " + jawaban + '');
// output jawaban
<title>Input Data Mahasiswa</title>
</head>
<body>
<h3>Input Data Mahasiswa</h3>
<script language="javascript">
var nim = prompt ("Masukan NIM", "Masukan NIM anda"); // variabel nim untuk memasukan nim
var nama = prompt ("Masukan Nama", "Masukan nama anda");// variabel nama untuk nama
var alamat = prompt ("Masukan Alamat", "Masukan alamat anda");//untuk alamat
var jawaban = window.confirm ("Apakah data anda akan disimpan?");//unruk menampilkan pop up pertatnyaan
document.write ("Status penyimpanan " + jawaban + '');
// output jawaban
document.write ("NIM : " + nim + '');//output Nim
document.write ("Nama : " + nama + '');//output nama
document.write ("Alamat : " + alamat);//out
</script>
</body>
</html>
document.write ("Nama : " + nama + '');//output nama
document.write ("Alamat : " + alamat);//out
</script>
</body>
</html>
Hasil Run :
Tugas :
Buatlah perhitungan Menggunkan java script !
Syntax dan pemjelsan :
<html>
<head>
<title>Operasi Penjumlahan</title>
<link rel="stylesheet" type="text/css" href="Tugas.css"> // Pemanggilan css eksternal
</head>
<script language="javascript">// Java script
function luas()
{
var angka1 = parseInt(document.data.nilai1.value);//Variabel a1 untuk nilai 1
var angka2 = parseInt(document.data.nilai2.value);//variabel a2 untuk nilai 2
document.data.hasil.value = angka1 + angka2;// variabel hasil ,untuk penumahan anka 1 dan angka 2
}
</script>
<body>
<form name="data">// pembuatan form
<table>// pembuatan tbel
<th colspan="2">OPERASI PENJUMLAHAN</th>//Pemggabungan colos pada tabel
<tr>
<td><p>Angka Pertama</p></td>
<td><input type="text" name="nilai1"></td></tr>// inputan angka 1
<tr>
<td><p>Angka Kedua</p></td>
<td><input type="text" name="nilai2"></td> </tr>//inptan angka 2
<tr>
<td><p>Hasil Operasi</p></td>
<td><input type="text" name="hasil"></td></tr>
<th colspan="2"><input type="button" value="HITUNG" onclick="luas()"></th>// tombol perhitungan
</table>
</form>
</body>
</html>
File Css
table{
border: 1px solid #000;//pepmbuatan border warna dan ketebalan
background: #000;//warna backgroud
}
td{
border: 1px solid #000;
margin-bottom: 10;
border-spacing: 15px;
color: #33B4E4;
}
th{
background: #33B4E4;
margin-bottom: 10;
}
Terimaksih Semoga Bermanfaat :
Referensi
Reza-Kezot
Komentar
Posting Komentar