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

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.

Java Script Day 5

1|Page

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) <SCRIPT language="Javascript"> function test () { var val1=document.kirim.nilai.value

Java Script Day 5

2|Page

if (val1>=81 && val1<=100) document.kirim.konversi.value="A" else if (val1>=71 && val1<=80) document.kirim.konversi.value="AB" else if (val1>=66 && val1<=70) document.kirim.konversi.value="B" else if (val1>=61 && val1<=65) document.kirim.konversi.value="BC" else if (val1>=56 && val1<=60) document.kirim.konversi.value="C" else if (val1>=41 && val1<=55) document.kirim.konversi.value="D" else if (val1>=0 && val1<=40) document.kirim.konversi.value="E" }

Java Script Day 5

3|Page

border="1" align="center" bordercolor="0000FF" bgcolor="00CCFF">







Java Script Day 5

4|Page

Program Java Script Konversi Nilai
Masukkan Nilai
Konversi Nilai

b. Capture Output

Java Script Day 5

5|Page

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

}

Java Script Day 5

6|Page

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 Hasil

: batas atas=20 :1,3,7,9,11,13,17,19

Jawab : a. Source Code (Menentukan Bilangan Ganjil dg Batasan.HTML) <script type="text/javascript"> function test () { val1=window.prompt("Masukkan Batas Atas Bilangan:") for (var val2=1;val2<=val1;val2+=2) {

Java Script Day 5

7|Page

if(val2%5==0)

{ continue } else document.write(val2 + " ") } }

Java Script Day 5

8|Page

b. Capture Output

Menginputkan batasan Atas

Hasil bilangan ganjil dengan batasan atas 20

Java Script Day 5

9|Page

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.

Java Script Day 5

10 | P a g e