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
<input id="one" type="number" name="test" min="1" value="0"> <input id="two" type="number" name="test" min="1" value="0"> <div id="result"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
(function() { var input_one = document.getElementById('one'); var input_two = document.getElementById('two'); var result = document.getElementById('result'); function onChange() { var value_one = parseInt(input_one.value, 10); var value_two = parseInt(input_two.value, 10); var text = ""; if (isNaN(value_one)) { text += "Hodnota prvního inputu není číslo<br>\n"; } if (isNaN(value_two)) { text += "Hodnota druhého inputu není číslo<br>\n"; } if (!isNaN(value_one) && !isNaN(value_two)) { if (value_one + value_two === 10) { text += "Součet " + value_one + " a " + value_two + " je 10.<br>\n"; } else { text += "Součet " + value_one + " a " + value_two + " není 10.<br>\n"; } } result.innerHTML = text; } input_one.addEventListener('change', onChange); input_two.addEventListener('change', onChange); })();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>