pertemuan 14

VIORIZA-XI-RPL1

VIORIZA-XIRPL1

dalam pertemuan ke 14 ini membahas tentang penggunaan seleksi pada javascript, dalam hal ini digunakan funsi if-else dalam penggunaanya sama seperti dalam penggunaan pogram lainya, pertama kalian harus memasukan kondisinya setelah itu kalian dapat menampilkan outputanya berikut kodinganya:

demoif.html

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  
    <h1>Akan Muncul text "Good Day!" jika waktu kurang dari 18:00</h1>
    <p id="teks">Good Evening!</p>
    <script type="text/javascript">
      if (new Date().getHours() < 18) {
        document.getElementById('teks').innerHTML = "Good Day!";
      }
    </script>
  </body>
</html>

ifelse.html

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  
    <p><b>IF</b>Akan Memunculkan Teks "Selamat Pagi!"</p>
    <p>Jika IF False Maka akan pindah ke ELSE</p>
    <script type="text/javascript">
      var q = new Date();
      var time = q.getHours();

      if (time<9) {
        document.write("Selamat Pagi!");
      }
      else {
        document.write("Hello World!");
      }
    </script>
  </body>
</html>

ifelseif.html

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <p><b>Penggunaan ELSE IF</b>Mengganti IF dalam jumlah banyak</p>
    <p>Jika IF False Maka akan pindah ke ELSE</p>
    <script type="text/javascript">
      var q = new Date();
      var time = q.getHours();

      if (time<=9) {
        document.write("Selamat Pagi!");
      }
      else if (time >= 12 && time < 3){
        document.write("Hari yang panas!");
      }
      else {
        document.write("Hello World!");
      }
      </script>
  </body>
</html>

ifolahraga.html

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

    <p>
      <script type="text/javascript">
        var olahraga;
        olahraga = prompt("Kamu suka Sepeda Gunung atau terjun payung?");
        if (olahraga == "sepeda gunung" || olahraga == "terjun payung") {
          alert("Kamu Extreme")
        }
        else {
          alert("Kuraaanngg")
        }
      </script>
    </p>
  </body>
</html>

ifumur.html

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
   
    <p id="coba">
      <script type="text/javascript">
        var umur;
        umur = prompt("Masukkan Umur Anda");
        umur = parseInt(umur);
        if (umur < 17) {
          alert("Kamu belum bisa mengikuti Pemilu")
        }
        else {
          alert("Kamu bisa mengikuti Pemilu")
        }
      </script>
    </p>
  </body>
</html>

Praktikum.html

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script type="text/javascript">
    alert("Untuk Tes Aritmetika, klik OK");
    var p = prompt("Pilihan Tes \n\n1. Pertambahan \n2. Pengurangan \n3. Perkalian \n4. Pembagian ");
    p = parseInt(p);
    switch (p) {
      case 1:
        var tambah = prompt("25+67=");
        tambah = parseInt(tambah);
        if (tambah == 25+67) {
          alert("Benar! Jawaban Kamu "+tambah)
        }
        else {
          alert("Salah! Jawaban Kamu "+tambah)
        }
        break;
      case 2:
        var kurang = prompt("75-67=");
        kurang = parseInt(kurang);
        if (kurang == 75-67) {
          alert("Benar! Jawaban Kamu "+kurang);
        }
        else {
          alert("Salah! Jawaban Kamu "+kurang);
        }
        break;
      case 3:
        var kali = prompt("25x67=");
        kali = parseInt(kali);
        if (kali == 25*67) {
          alert("Benar! Jawaban Kamu "+kali);
        }
        else {
          alert("Salah! Jawaban Kamu "+kali);
        }
        break;
      case 4:
        var bagi = prompt("100:25=");
        bagi = parseInt(bagi);
        if (bagi == 100/25) {
          alert("Benar! Jawaban Kamu "+bagi);
        }
        else {
          alert("Salah! Jawaban Kamu "+bagi);
        }
        break;
      default:
        alert("Masukkan Nomor yang benar");
      }
    </script>
  </body>
</html>

switchpadang.html

       <!DOCTYPE html>
     <html lang="en" dir="ltr">
     <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>

     <script type="text/javascript">
      alert("Untuk Pilih menu, klik OK");
      var p = prompt("Pilihan Menu Padang \n\n1. Rendang    Rp.20.000 \n2. Gulai          Rp.25.000 \n3. Nangka      Rp.5.000 \n4. Sambel       Rp.7.000 ");
      p = parseInt(p);
      switch (p) {
        case 1: alert("Anda Memilih \n1. Rendang    Rp.20.000");
          break;
        case 2: alert("Anda Memilih \n2. Gulai      Rp.25.000");
          break;
        case 3: alert("Anda Memilih \n3. Nangka     Rp.5.000");
          break;
        case 4: alert("Anda Memilih \n4. Sambel     Rp.7.000");
          break;
        default:
          alert("Masukkan Nomor yang benar");
      }
    </script>
  </body>
</html>