0% menganggap dokumen ini bermanfaat (0 suara)
16 tayangan11 halaman

10 - Davina Tegar Putri Ervia - X RPL C Modul JavaScript

Dokumen tersebut merupakan lembar jawaban individu siswa tentang modul ajar pemrograman web. Lembar jawaban tersebut berisi kode program JavaScript untuk latihan perulangan, percabangan, dan print screen hasilnya di browser. Siswa mengerjakan latihan perulangan menggunakan for loop, while loop, dan do while loop. Untuk percabangan, siswa mengerjakan latihan menggunakan if, if else, dan if else ladder.

Diunggah oleh

davinategar
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
16 tayangan11 halaman

10 - Davina Tegar Putri Ervia - X RPL C Modul JavaScript

Dokumen tersebut merupakan lembar jawaban individu siswa tentang modul ajar pemrograman web. Lembar jawaban tersebut berisi kode program JavaScript untuk latihan perulangan, percabangan, dan print screen hasilnya di browser. Siswa mengerjakan latihan perulangan menggunakan for loop, while loop, dan do while loop. Untuk percabangan, siswa mengerjakan latihan menggunakan if, if else, dan if else ladder.

Diunggah oleh

davinategar
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 11

[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

LEMBAR JAWABAN INDIVIDU


Kegiatan Belajar (KB)

NIS : 246581880063
NAMA : DAVINA TEGAR PUTRI ERVIA
KELAS : X RPL C
E-MAIL : [email protected]
JUDUL MODUL : JavaScript

Ketentuan :
 Ketikkan Kode Program dan Print Screen hasil yang ada di browser
 Convert Lembar jawaban ini ke dalam format PDF (.pdf), untuk di upload di LMS
 Ukuran file maksimal : 3 MB

Jawaban :
Kode Program :
// KETIK JAWABAN KODE PROGRAM DISINI

Perulangan

Latihan 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latihan Perulangan</title>
</head>
<body>
<script lang="JavaScript">
// menyembunyikan script dan browser non-JS
document.writeln("<h2>Latihan Perulangan</h2>");
document.writeln("--------------------------------------------");
for (i=1; i<=10; i++);
{
sq=i*i;
document.writeln("<PRE>");
document.writeln("Angka:" + i + "----> Kuadrat: " + sq + "<BR>");
document.writeln("</PRE>");
document.writeln("----------------------------------------------");
// akhir dari penyembunyian
}
</script>
</body>
Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 1
</html>
[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Lanjutan
}
</script>
</body>
</html>

Latihan 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latihan Perulangan While</title>
</head>
<body>
<script>
var deret = prompt('Masukkan Jumlah Deret :','');
document.write("<h2>Latihan Perulangan While</h2>");
document.write("--------------------------------------------------------------
-");
var jml = 0.0;
var angka = 1;
while (angka <= deret){
jml = jml + angka;
angka++;
}
document.write("<br>");
document.write("Jumlah deret dari 1 sampai " + deret + " adalah = " + jml);
document.write("<br>");
document.write("--------------------------------------------------------------
");
</script>
</body>
</html>

Latihan 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body> Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 2
<script lang="JavaScript">
// menyembunyikan script dan browser non-JS
function pass (){
var coba = 1;
do {
[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Lanjutan
<title>Document</title>
</head>
<body>
<script lang="JavaScript">
// menyembunyikan script dan browser non-JS
function pass (){
var coba = 1;
do {
p = prompt("Tuliskan password dengan benar", "");
if (p=="RPL-C"){
alert("Selamat Datang Friends");
window.open("welcome.html");
break;
}
else{
alert("Password salah !! Ulangi");
}
if (coba==3){
alert("maaf, kesempatan anda hanya 3 kali");
history.go(-1);
}
coba=coba+1;
}
while (coba<=3)
}
// akhir dari penyembunyian
</script>
<form method="post">
<input type="button" value="password" onclick="pass()">
</form>
</body>
</html>

Percabangan

Latihan 1
<!DOCTYPE html>
<html lang="en">
<head>
<title>Percabangan if</title>
</head>
<body>
<script> Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 3
var totalBelanja = prompt("Total belanja?", 0);

if(totalBelanja > 100000){


document.write("<h2>Selamat Anda dapat hadiah</h2>");
}
[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Lanjutan
</head>
<body>
<script>
var totalBelanja = prompt("Total belanja?", 0);

if(totalBelanja > 100000){


document.write("<h2>Selamat Anda dapat hadiah</h2>");
}
document.write("<p>Terimakasi sudah berbelanja di toko kami</p>");
</script>
</body>
</html>

Latihan 2
<!DOCTYPE html>
<html lang="en">
<head>
<title>Percabangan if/else</title>
</head>
<body>
<script>
var pasaword = prompt("Password");

if(pasaword == "kopi"){

document.write("<h2>Selamat Datang!</h2>");
} else {

document.write("<p>Terima kasih sudah menggunakan aplikasi ini!</p>");


}
</script>
</body>
</html>

Latihan 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menghitung Indeks Prestasi</title>
</head>
<body> Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 4
<form name="fform">
<table border="1" width="100%" align="center">
<tr>
<td colspan="4"><h2 align="center">Menghitung Indeks
Prestasi</h2></td>
[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Lanjutan
<title>Menghitung Indeks Prestasi</title>
</head>
<body>
<form name="fform">
<table border="1" width="100%" align="center">
<tr>
<td colspan="4"><h2 align="center">Menghitung Indeks
Prestasi</h2></td>
</tr>
<tr>
<td width="25%">Quis (10%) :<input type="text" size="10" name="iquis">
</td>
<td width="25%">Tugas (20%) :<input type="text" size="10"
name="itugas"> </td>
<td width="25%">UTS (30%) :<input type="text" size="10" name="iuts">
</td>
<td width="25%">UAS (40%) :<input type="text" size="10" name="iuas">
</td>
</tr>
<tr>
<td colspan="4" align="center">
<input type="button" value="Hitung" onclick="hitungip()">
<input type="reset" value="Ulang">
</td>
</tr>
<tr>
<td colspan="4" align="center">
Indeks Presentasi :<input type="text" size="5" name="oip">
Keterangan :<input type="text" size="25" name="oket">
</td>
</tr>
</table>
</form>

<script>
function hitungip() {
var quis = parseFloat(document.fform.iquis.value);
var tugas = parseFloat(document.fform.itugas.value);
var uts = parseFloat(document.fform.iuts.value);
var uas = parseFloat(document.fform.iuas.value);
var ip = "";
var ket = "";
Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 5
var na = (0.10 * quis) + (0.20 * tugas) + (0.30 * uts) + (0.40 * uas);
if (na > 80 && na <= 100) {
ip = "A";
ket = "Lulus dengan Sangat Baik";
} else if (na > 68 && na <= 80) {
ip = "B";
[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Lanjutan
var ip = "";
var ket = "";
var na = (0.10 * quis) + (0.20 * tugas) + (0.30 * uts) + (0.40 * uas);
if (na > 80 && na <= 100) {
ip = "A";
ket = "Lulus dengan Sangat Baik";
} else if (na > 68 && na <= 80) {
ip = "B";
ket = "Lulus dengan Baik";
} else if (na > 55 && na <= 68) {
ip = "C";
ket = "Lulus dengan Cukup";
} else if (na > 38 && na <= 55) {
ip = "D";
ket = "Lulus dengan Kurang";
} else {
ip = "E";
ket = "Tidak Lulus";
}
document.fform.oip.value = ip;
document.fform.oket.value = ket;
// Uncomment the following line to check the IP and NA in alert
// alert(ip + " " + na);
}
</script>
</body>
</html>

Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 6


[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Print Screen hasil di browser :


// PRIN SCREEN HASIL DISINI

Perulangan

Latihan 1

Latihan 2

Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 7


[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Latihan 3

Jika pw salah

Jika pw benar

Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 8


[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Percabangan

Latihan 1

Latihan 2

Latihan 3

Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 9


[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Latihan 4

Umpan Balik Siswa :


Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 10
[MODUL AJAR – PEMROGRAMAN WEB] Class Activity

Saya belum memahami dan mengerti tentang :


// Tuliskan bagian yang belum anda pahami dan mengerti pada kegiatan belajar ini

Mod DDK-WEB V24.0 | Rekayasa Perangkat Lunak 11

Anda mungkin juga menyukai