Untitled

<!DOCTYPE html>
<html lang='cs'>
  <head>
    <title>BMI</title>
    <meta charset='utf-8'>
    <style>
            * {
              font-family: Verdana, Arial, lucida, sans-serif;
              font-size:14px;
            }
            td, th {padding: 4px; border: thin black solid; margin: 0px; text-align:center;}
            table { border-collapse: collapse;}
            .nic {text-align:left; border:0;};
    </style>
    <script>

       function vypocitejBMI() {
          var i;
          var hmotnost = document.getElementById('hmotnost').value;
          var vyska = document.getElementById('vyska').value;
          var pohlavi = "";

          var polePohlavi = document.getElementsByName('pohlavi');
          for (i = 0; i < 2; i++) {
               if (polePohlavi[i].checked) {
                    pohlavi = polePohlavi[i].value;
                    break;
               }
          }
          var bmi = Math.round(10*hmotnost/Math.pow(vyska/100, 2))/10;
          document.getElementById('vysledek').innerHTML = hlaseni;
          var hlaseni = "Jste ";
            if (pohlavi == 0) {//žena
            hlaseni = hlaseni + "žena.<br />";
            if (bmi < 19) {
            hlaseni = hlaseni + "hubená ";
            }
            else if (bmi <= 24) {
            hlaseni = hlaseni + "perfektní ";
            }
            else if (bmi <= 29) {
            hlaseni = hlaseni + "tlustý ";
            }
            else if (bmi > 29) {
            hlaseni = hlaseni + "obezní ";
            }
            }

            else {//muž
            hlaseni = hlaseni + "muž.<br />";
            if (bmi < 20) {
            hlaseni = hlaseni + "hubený ";
            }
             else if (bmi <= 25) {
             hlaseni = hlaseni + "perfektní ";
            }
             else if (bmi <= 30) {
             hlaseni = hlaseni + "tlustý ";
          }
          else if (bmi > 30) {
             hlaseni = hlaseni + "obézní ";
          }
          }
          hlaseni = hlaseni + "Vaše BMI je " + bmi;
          document.getElementById('vysledek').innerHTML = hlaseni;
          /*
          }
          }
          }
          } else {
          } else {
          } else {//muž
          } else if (bmi <= 25) {
          } else if (bmi <= 25) {
          } else if (bmi <= 30) {
          } else if (bmi <= 30) {
          document.getElementById('vysledek').innerHTML = hlaseni;
          hlaseni = hlaseni + "hubená ";
          hlaseni = hlaseni + "hubený ";
          hlaseni = hlaseni + "muž.<br />";
          hlaseni = hlaseni + "obézní ";
          hlaseni = hlaseni + "obézní ";
          hlaseni = hlaseni + "perfektní ";
          hlaseni = hlaseni + "perfektní ";
          hlaseni = hlaseni + "tlustá ";
          hlaseni = hlaseni + "tlustý ";
          hlaseni = hlaseni + "Vaše BMI je " + bmi;
          hlaseni = hlaseni + "žena.<br />";
          if (bmi < 20) {
          if (bmi < 20) {
          if (pohlavi == 0) {//žena
          var bmi = Math.round(10*hmotnost/Math.pow(vyska/100, 2))/10;
          var hlaseni = "Jste ";

          */
       }
    </script>
  </head>
  <body>
      <table>
          <tr>
              <td class="nic">Hmotnost (kg):</td>
              <td class="nic"><input id="hmotnost" type="number" min="1" value="73"></td>
          </tr>
          <tr>
              <td class="nic">Výška (cm):</td>
              <td class="nic"><input id="vyska" type="number" min="1" value="183"></td>
          </tr>
          <tr>
              <td class="nic" colspan="2">Pohlaví:
              muž  <input name="pohlavi" type="radio" value="1" checked>
              žena <input name="pohlavi" type="radio" value="0"></td>
          </tr>
          <tr>
              <td class="nic" colspan="2"><button onClick="vypocitejBMI()">Vypočítej BMI</button></td>
          </tr>
      </table>
  <hr />
  <table>
       <tr>
          <th>Pohlaví</th>
          <th>Přiměřená váha</th>
          <th>Nadváha</th>
          <th>Obezita</th>
       </tr>
       <tr>
          <td style="text-align:left;">Muži</td>
          <td>20 - 25</td>
          <td>25 - 30</td>
          <td> > 30</td>
       </tr>
       <tr>
          <td style="text-align:left;">Ženy</td>
          <td>19 - 24</td>
          <td>24 - 29</td>
          <td> > 29</td>
       </tr>
  </table>
  <br />
  <div style="font-weight:bold;" id="vysledek"></div>
  </body>
</html>