PEMOGRAMAN WEB 1
MODUL 5
“JAVASCRIPT”
NAMA : REGI PERMANA JAYA
NIM : 20160910112
KELAS : SI-C 2016
UNIVERSITAS KUNINGAN
FAKULTAS ILMU KOMPUTER
2018
Post Test :
1. Buatlah javascript dengan tampilan sebagai berikut :
Skrip :
<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> |
Penjelasan :
1. Fungsi document.write() pada JavaScript berfungsi
menampilkan data langsung pada halaman web (bukan pada kotak dialog layaknya
fungsi window.alert()), fungsi ini dapat di gunakan untuk menampilkan data
langsung saat halaman web selesai di muat (loaded) atau di eksekusi pada event
tertentu misalnya saat tombol di klik.
2. Variabel
dengan tipe data string di gunakan untuk menyimpan data berupa nilai teks,
semua bahasa pemrograman mendukung tipe data string hanya saja aturan
pendeklarasian variabel sedikit berbeda untuk beberapa bahasa pemrograman,
Tugas :
1. Buatlah program javascript dengan tampilan sebagai berikut :
Skrip :
<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> |
.png)
0 komentar:
Posting Komentar