Membuat Konversi Nilai & Menentukan Bilangan Ganjil dengan Batasan Menggunakan Java Script

1 | P a g e

Java Script Day 5

DAY 5

PRAKTIKUM APLIKASI WEB

(JAVA SCRIPT TINGKAT DASAR)

1.1 JAVA SCRIPT

JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.

2 | P a g e

Java Script Day 5

1.2 SOAL LATIHAN !

TUGAS PRAKTIKUM :

1. Buat halaman html untuk mengkonversi nilai angka

menjadi nilai huruf dengan menggunakan javascript

(contoh seperti percobaan 15)

Konversi :

0-40 =E

41-55=D

56-60=C

61-65=BC

66-70=B

71-80=AB

81-100=A

Jawab :

a. Source Code (Konversi Nilai.HTML)

<html>

<title>Konversi Nilai Java

Script</title>

<head>

</head>

<SCRIPT language="Javascript">

function test ()

{

var val1=document.kirim.nilai.value

3 | P a g e

Java Script Day 5

if (val1>=81 && val1<=100)

document.kirim.konversi.value="A"

else if (val1>=71 && val1<=80)

document.kirim.konversi.value="AB"


document.kirim.konversi.value="B"


document.kirim.konversi.value="BC"


document.kirim.konversi.value="C"


document.kirim.konversi.value="D"


document.kirim.konversi.value="E"

}

</SCRIPT>

<body>

<form method="POST" name="kirim">

<table width="300" height="160"

4 | P a g e

Java Script Day 5

border="1" align="center"

bordercolor="0000FF"

bgcolor="00CCFF">

<tr>

<th colspan="2"

scope="col"><center><blink>Program

Java Script Konversi

Nilai</blink></center> </th>

</tr>

<tr>

<td>Masukkan Nilai</td>

<td><input type="text"

name="nilai" size="20"></td>

</tr>

<tr>

<td>Konversi Nilai</td>

<td><input type="text"

name="konversi" size="20"></td>

</tr>

<tr>

5 | P a g e

Java Script Day 5

b. Capture Output

<td> </td>

<td><input type="button"

value="Konversi" name="B1"

onclick=test()><input type="Reset"

value="Reset" name="reset"></td>

</tr>

</table>

</form>

</body>

</html>

6 | P a g e

Java Script Day 5

c. Analisa

Untuk membuat konversi sebuah nilai

dengan menggunakan java script,

menggunakan fungsi if...else if.... else

statement – fungsi ini digunakan untuk

memilih salah satu dari banyak blok kode

yang akan dieksekusi.

If...else if...else Statement

if (condition1)

{

code to be executed if condition1 is

true

}

else if (condition2)

{

code to be executed if condition2 is

true

}

else

{

code to be executed if neither

condition1 nor condition2 is true

}

7 | P a g e

Java Script Day 5

2. Buat halaman html untuk menampilkan semua

bilangan ganjil, kecuali bilangan kelipatan 5

dengan mengunnakan javascript. Batas atas untuk

bilangan ganjil diinputkan lewat perintah

window.prompt()

Cth : batas atas=20

Hasil :1,3,7,9,11,13,17,19

Jawab :

a. Source Code (Menentukan Bilangan Ganjil

dg Batasan.HTML)

<HTML>

<HEAD>

<TITLE>Bilangan Ganjil dg

Batasan</TITLE>

</HEAD>

<script type="text/javascript">

function test ()

{

val1=window.prompt("Masukkan Batas

Atas Bilangan:")

for (var val2=1;val2<=val1;val2+=2)

{

8 | P a g e

Java Script Day 5

if(val2%5==0)

{

continue

}

else document.write(val2 + " ")

}

}

</script>

<body>

<input type="button" name="button1"

value="Click me!" onclick=test()>

</BODY>

</HTML>

9 | P a g e

Java Script Day 5

b. Capture Output

Menginputkan batasan Atas

Hasil bilangan ganjil dengan batasan atas 20

10 | P a g e

Java Script Day 5

c. Analisa

Membuat program untuk menentukan

bilangan ganjil kecuali kelipatan 5 dengan

batasan dan menggunakan perintah

window.prompt().

Prompt box sering digunakan bagi user jika

ingin memasukkan nilai sebelum memasuki

sebuah halaman.

Ketika sebuah kotak prompt muncul, user

harus klik "OK" atau "Batal" untuk

melanjutkan setelah memasukkan nilai

input.

Jika user mengklik "OK" kotak

mengembalikan nilai masukan. Jika user

mengklik "Batal" kotak mengembalikan null.

Membuat Konversi Nilai & Menentukan Bilangan Ganjil dengan Batasan Menggunakan Java Script

Documents

Transcript of Membuat Konversi Nilai & Menentukan Bilangan Ganjil dengan Batasan Menggunakan Java Script