SchoolBlog: Pertemuan Keempatbelas

Assalamualaikum Wr,Wb.
Jumpa lagi dengan saya Syahrul Ramadhan di schoolblog. Kali ini saya akan memposting hasil pertemuan ke 14 bertema if else dan switch case

1. Yang pertama ini membuat kodingan html dengan if
ini kodingan htmlnya

body{
  background-color: salmon;
}
#cobaan{
  font-family: fantasy;
  font-size: 24px;
  color: pink;
}

ini hasilnya

2. Yang kedua ini tentang if juga tapi berbeda tema dengan satu itu

ini kodingan htmlnya

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R XI-RPL3 kondsi if 3</title>
    <link href="BuatIf.css" rel="stylesheet" href="text/css">
  </head>
  <body>
    <p id="cobaan">
<script language="javascript" type="text/javascript">
        var olahraga;
        olahraga = prompt ("masukan olahraga yang kamu sukai?, terjun payung atau sepeda gunung?");
          if (olahraga == "terjun payung" || olahraga == "sepeda gunung");
          {
            alert ("kamu menyukai olahraga ekstrim");
          }
      </script>
    </p>
</body>
</html>

ini hasilnya

3. Ini juga sama menggunakan if
ini kodingan htmlnya

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R XI-RPL3 Demo IF</title>
    <link href="BuatIf.css" rel="stylesheet" href="text/css">
  </head>
  <body>
    <p>
Akan muncul tulisan "Good day!" jika kurang dari 18.00</p>
<p id="cobaan">
Good Evening!</p>
<script>
      if (new date().getHours() < 18)
      {
        document.getElementById("cobaan").innerHTML = "Good day!"  
      }
    </script>
  </body>
</html>

ini hasilnya

4. Nah kalo yang ini ada if dengan elsenya

ini contoh kodingannya

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R XI-RPL3 if+else</title>
    <link href="BuatIf.css" rel="stylesheet" href="text/css">
  </head>
  <body>
    <p id="cobaan">
<b>IF</b> akan memunculkan tulisan "Selamat Pagi!"</p>
<p>
Jika pada opsi IF tidak ada maka akan pindah ke <b>ELSE</b> memunculkan "Hello Word"<br>
    kata yang muncul adalah :</p>
<script>
      var d = new Date()
      var time = d.getHours()

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

ini hasilnya

5. Ini juga if-else nih, tpi berbeda dengan yang sebelumnya

ini contoh kodingannya

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R XI-RPL3 2</title>
    <link href="BuatIf.css" rel="stylesheet" href="text/css">
  </head>
  <body>
    <p id="cobaan">
Penggunaan <b>ELSE IF</b> bertujuan untuk mengganti <b>IF</b> dalam
      jumlah banyak</p>
<script>
      var d = new Date ()
      var time = d.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>

ini hasilnya

6. Kalo yang ini tentang switch case fungsinya hampir sama kaya if-else
ini contoh kodingannya

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R XI-RPL3 Switchcase</title>
    <link href="BuatIf.css" rel="stylesheet" href="text/css">
  </head>
  <body>
    <script language="javascript">
      var pilihan = prompt ("pilihan untuk cek pulsa\n1. Informasi pulsa anda\n2. Informasi masa aktif dan masa tenggang anda");
          pilihan = parseInt (pilihan);
      switch(pilihan){
        case 1: alert ("jumlah pulsa anda adalah sembilan belas ribu rupiah");
                break;
        case 2: alert ("masa aktif kartu anda hingga 7 november 2019");
                break;
        default:
            alert ("pilihan sesuai nomor yang ada");
            break;
      }
    </script>
  </body>
</html>

ini hasilnya

7. Untuk yang ini switch case tentang menu makanan di rumah makan padang kalian

ini kodingan htmlnya

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>M Syahrul R XI-RPL3 latswitch</title>
    <link href="" rel="stylesheet" href="text/css">
  </head>
  <body>
    <script language="javascript">
      alert("Menu Masakan Padang\n Silahkan Pilih Menu yang Diinginkan\n\n\nKlik ok untuk melanjutkan")
      var pilihan = prompt(" 1. Rendang.......................Rp14.000\n 2. Ikan Balado........................Rp13.000\n 3. Dendeng Balado........................Rp17.000\n 4. Soto Padang........................Rp15.000\n 5. Gulai Paku........................Rp20.000");
      pilihan = perseInt(pilihan);
      switch(pilihan) {
        case 1: alert("Menu yang anda pilih : Rendang........................Rp14.000");
                break;
        case 2: alert("Menu yang anda pilih : Ikan Balado....................Rp13.000");
                break;
        case 3: alert("Menu yang anda pilih : Dendeng Balado.................Rp17.000");
                break;
        case 4: alert("Menu yang anda pilih : Soto Padang....................Rp15.000");
                break;
        case 5: alert("Menu yang anda pilih : Gulai Paku.....................Rp20.000");
                break;

        default:
          alert("Menu yang anda pilih : Tidak ada\Silahkan pilih menu yang lain Terimakasih");
          break;
      }
    </script>
  </body>
</html>

ini hasilnya