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
<form> Délka předplatného <select name="delka" onchange="vypocetForm(this.form)"> <option value="">-- vyberte --</option> <option value="m1">1 měsíc</option> <option value="m3">3 měsíce</option> <option value="m6">6 měsíců</option> <option value="m12">12 měsíců</option> </select> <br> Sleva: <input type="checkbox" name="sleva" onchange="vypocetForm(this.form)"> <br> Celková cena předplatného: <input name="celkem" disabled size="20px"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function aplikujSlevu(cena, delka) { var slevy = { "m1" : 0.95, "m3" : 0.95, "m6" : 0.90, "m12" : 0.85 }; // pokud nenalezne, tak je sleva 1 return cena * (slevy[delka] || 1); } function vypocet(delka, sleva, target) { var ceny = { "m1" : 900, "m3" : 700, "m6" : 2400, "m12" : 2700 }; // pokud nenalezne, tak je cena null var cena = ceny[delka] || null; if (cena && sleva) { cena = aplikujSlevu(cena, delka); } // vypocet nic nenastavuje, jen vraci return cena; } function vypocetForm(form) { // integrace vypoctu do formulare form.celkem.value = vypocet(form.delka.value, form.sleva.checked); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>