Živá ukázka

Výsledek

<div class="live no-source">
  <p>
    <label>Převést <input id="kolik" value="10000"></label>
    <select id="z">
      <option value="1">milisekund</option>
      <option value="1000">vteřin</option>
      <option value="60000">minut</option>
      <option value="216000000">hodin</option>
      <option value="5184000000">dní</option>
      <option value="1893488986060">let</option>
    </select>
    na
    <select id="na">
      <option value="1">milisekundy</option>
      <option value="1000" selected>vteřiny</option>
      <option value="60000">minuty</option>
      <option value="216000000">hodiny</option>
      <option value="5184000000">dny</option>
      <option value="1893488986060">roky</option>
    </select>
  </p>
  <p id="vysledek"></p>
  
  <script>
    function getOptionByValue(select) {
      var option = select.getElementsByTagName("option");
      for (var i = 0; i < option.length; i++) {
        if (select.value == option[i].value) return option[i].innerHTML;
      }
    }
    
    /* Zaokrouhlení */
    function zaokrouhlit(cislo) {
        return (Math.round((cislo) * 100) / 100);	
    }
        
    var kolik = document.getElementById("kolik");
    var z = document.getElementById("z");
    var na = document.getElementById("na");
    var vypsat = document.getElementById("vysledek");
    
    function prepocitat() {
      var vysledek = kolik.value * (z.value / na.value);
      vypsat.innerHTML = kolik.value + " " + getOptionByValue(z) + " na <b>" + getOptionByValue(na) + "</b> je " + vysledek + "<br>To je cca " + zaokrouhlit(vysledek);
    }
    
    window.onload = kolik.onchange = kolik.onkeydown = z.onchange = na.onchange = prepocitat;
  </script>
</div>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS