Contoh coding nested switch di sublime(html)java scrift​

By Posted on

Contoh coding nested switch di sublime(html)java scrift​

Ini full page untuk 1 halaman website sebagai contoh

=====================

<!DOCTYPE html>

<html>

<head>

<title>Brainly</title>

</head>

<body>

<form>

 <h3>Nama : </h3><input type="text" name="Nama" id="tbNama">

 <h3>Umur : </h3><input type="number" name="Umur" id="tbUmur" onchange="switchcase()">

 <h3>Jenis Kelamin : </h3>

 <input type="radio" name="JK" value="L" id="rbLaki" onclick="switchcase()"> Laki – Laki

 <input type="radio" name="JK" value="P" id="rbPerempuan" onclick="switchcase()"> Perempuan

 <br><br>

 <p> Halo  </p>  

 <p style="display: none;" id="tAL">Adik Laki-Laki</p>

 <p style="display: none;" id="tAP">Adik Perempuan</p>

 <p style="display: none;" id="tKL">Kakak Laki-Laki</p>

 <p style="display: none;" id="tKP">Kakak Perempuan</p>

</form>

<script>

function switchcase(){

 // Mengambil Value dari TextBox

 var LakiLaki = document.getElementById("rbLaki");

 var Perempuan = document.getElementById("rbPerempuan");

 var rb_JenisKelamin;

 if (LakiLaki.checked) {rb_JenisKelamin="L";} else {rb_JenisKelamin="P";}

 var tb_Umur = document.getElementById("tbUmur").value;

 var Kondisi;

 if (tb_Umur<20){Kondisi="Adik";} else {Kondisi="Kakak";}

 var t_AL = document.getElementById("tAL");

 var t_AP = document.getElementById("tAP");

 var t_KL = document.getElementById("tKL");

 var t_KP = document.getElementById("tKP");

 // Memastikan tidak akan ada text yang akan muncul secara bersamaan

 t_AL.style.display="none";

 t_AP.style.display="none";

 t_KL.style.display="none";

 t_KP.style.display="none";

 // Bagian switch case dalam case, Jangan lupa untuk menggunakan break di kedua switch case

 switch(rb_JenisKelamin){

  case "L":

   switch(Kondisi){

    case "Adik" :

     t_AL.style.display="block";

     break;

    case "Kakak" :

     t_KL.style.display="block";

     break;

    }

   break;

  case "P":

   switch(Kondisi){

    case "Adik" :

     t_AP.style.display="block";

     break;

    case "Kakak" :

     t_KP.style.display="block";

     break;

    }

   break;

  }

}

</script>

</body>

</html>

====================

Pelajari soal serupa

Perbedaan C++ dan Java ( bukan java script ) brainly.co.id/tugas/16306320

Detil Pertanyaan

Kode Kategorisasi : 10.11

Mapel : TI

Kelas : 11

Kata Kunci : Java Script, HTML

Gambar Jawaban

Gambar Jawaban