Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>JS kalkulačka</title> <h1>JS kalkulačka</h1> <form action="" name="kalkulacka"> <p> <label>Co: <select name="co" onchange="kalkulace()"> <option value="100">stativ</option> <option value="20">strouhanka</option> <option value="15">kobercovka</option> <option value="40000">fábie</option> </select> </label> </p> <p> <label>Počet: <select name="kolik" onchange="kalkulace()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </label> </p> <p>Cena: <b id="cena">0</b> <select name="jednotky" onchange="kalkulace()"> <option value="1">CZK</option> <option value="0.0365">EUR</option> </select></p> </form> <script>kalkulace()</script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#cena { display: inline-block; min-width: 5em; text-align: right; }
CSS
Autoformát
CSS reset
Až na konci
function kalkulace() { var vypocet = parseFloat(document.kalkulacka.co.value) * parseFloat(document.kalkulacka.kolik.value) * parseFloat(document.kalkulacka.jednotky.value); vypocet = vypocet.toFixed(2); document.getElementById("cena").innerHTML = vypocet; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>