GLNG16

Beranda

Zodiac Checker



Source Code

Berikut adalah contoh kode HTML untuk membuat fungsi mengetahui zodiak berdasarkan input tanggal dan bulan lahir di platform Blogger:

<!DOCTYPE html>
<html>
<head>
  <title>Mengetahui Zodiak</title>
  <script>
    function getZodiac() {
      var day = parseInt(document.getElementById("day").value);
      var month = parseInt(document.getElementById("month").value);

      var zodiacSign = "";

      if ((month == 3 && day >= 21) || (month == 4 && day <= 19)) {
        zodiacSign = "Aries";
      } else if ((month == 4 && day >= 20) || (month == 5 && day <= 20)) {
        zodiacSign = "Taurus";
      } else if ((month == 5 && day >= 21) || (month == 6 && day <= 21)) {
        zodiacSign = "Gemini";
      } else if ((month == 6 && day >= 22) || (month == 7 && day <= 22)) {
        zodiacSign = "Cancer";
      } else if ((month == 7 && day >= 23) || (month == 8 && day <= 22)) {
        zodiacSign = "Leo";
      } else if ((month == 8 && day >= 23) || (month == 9 && day <= 22)) {
        zodiacSign = "Virgo";
      } else if ((month == 9 && day >= 23) || (month == 10 && day <= 23)) {
        zodiacSign = "Libra";
      } else if ((month == 10 && day >= 24) || (month == 11 && day <= 21)) {
        zodiacSign = "Scorpius";
      } else if ((month == 11 && day >= 22) || (month == 12 && day <= 21)) {
        zodiacSign = "Sagittarius";
      } else if ((month == 12 && day >= 22) || (month == 1 && day <= 19)) {
        zodiacSign = "Capricornus";
      } else if ((month == 1 && day >= 20) || (month == 2 && day <= 18)) {
        zodiacSign = "Aquarius";
      } else if ((month == 2 && day >= 19) || (month == 3 && day <= 20)) {
        zodiacSign = "Pisces";
      }

      document.getElementById("result").innerHTML = "Zodiak Anda: " + zodiacSign;
    }
  </script>
</head>
<body>
  <h1>Mengetahui Zodiak</h1>
  <label for="day">Tanggal Lahir:</label>
  <input type="number" id="day" min="1" max="31">
  <label for="month">Bulan Lahir:</label>
  <input type="number" id="month" min="1" max="12">
  <button onclick="getZodiac()">Cek Zodiak</button>
  <p id="result"></p>
</body>
</html>

Kode di atas menggunakan JavaScript untuk mengambil nilai tanggal dan bulan yang dimasukkan oleh pengguna, dan kemudian memeriksa nilai tersebut untuk menentukan zodiak yang sesuai. Hasil zodiak akan ditampilkan di bawah tombol "Cek Zodiak" dengan menggunakan elemen <p> dengan id "result".