index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kalkulator BMI</title>
    <link rel="stylesheet" href="CSS\style.css" />
  </head>

  <body>
    <header class="main-header">
      <h1>Kalkulator BMI</h1>
    </header>

    <!--form section kalkulator BMI-->
    <article>
      <!--main article-->
      <p>
        Berat badan ideal adalah impian semua orang. Tidak hanya memiliki bentuk
        tubuh yang menunjang penampilan, berat badan ideal juga menandakan
        kondisi tubuh yang sehat. Bagaimana denganmu? Yuk hitung sekarang di
        kalkulator BMI
      </p>
    </article>

    <main>
      <section class="form-section">
        <div class="form-container">
          <h2>Masukkan Data Anda</h2>
          <form>
            <label for="jenis-kelamin">Jenis Kelamin:</label><br />
            <input type="radio" id="jenis-kelamin-input" value="pria" />Pria
            <input type="radio" id="jenis-kelamin-input" value="Wanita" />Wanita<br></br>

            <label for="weight">Berat Badan (Kg):</label><br />
            <input type="number" id="weight" name="weight" /><br /><br />

            <label for="age">Usia (Tahun):</label><br />
            <input type="number" id="age" name="age" /><br /><br />

            <label for="height">Tinggi Badan (Cm):</label><br />
            <input type="number" id="height" name="height" /><br /><br />

            <button type="button">Hitung BMI</button>
            <button type="reset">Reset</button>
          </form>
        </div>

        <!--second article-->
        <article>
          <header>
            <h3>Keunggulan Fitur</h3>
          </header>
          <ol>
            <li>Menghitung berat badan</li>
            <li>Menentukan kategori berat ideal atau tidak</li>
            <li>Mempersiapkan program penurunan berat badan</li>
          </ol>

          <p>
            Kalkulator ini hanya boleh digunakan oleh orang dewasa (wanita hami
            atau menyusui tidak boleh mengandalkan pembacaan BMI ini) dan tidak
            ada tindakan yang harus diambil berdasarkan nilainya selain
            berkonsultasi dengan orang yang memenuhi syarat seperti dokter
          </p>

          <p>
            Kalkulator akan memberi Anda gambaran tentang perbandingan berat
            badan Anda dengan nilai umum. Indeks Massa Tubuh (atau BMI) dihitung
            sebagai berat badan anda (dalam Kilogram) dibagi dengan kuadrat
            tinggi Anda (dalam Meter) atau BMI = Kg/M2
          </p>
        </article>
      </section>

      <section class="result-section">
        <h2>Hasil</h2>
        <p>Berat Badan Lebih: <span id="bmi-result">0</span></p>
        <p>Anda memiliki berat badan:</p>
        <button>Download Hasil BMI</button>
      </section>
    </main>

    <footer>
      <p>Made BY Adhitiya Oktama</p>
    </footer>

    <script src="JS\script.js"></script>
  </body>
</html>