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 onsubmit="return div(this)"> <input name="pocetlidi"> <input type="submit" name="button" value="Go"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.div1, .div2 { width: 100px; color: white; } .div1 { background: red; } .div2 { background: green; display: none; }
CSS
Autoformát
CSS reset
Až na konci
function change(d1, d2) { if (d1.style.display == 'none') { d1.style.display = 'block'; d2.style.display = 'none'; } else { d1.style.display = 'none'; d2.style.display = 'block'; } } function div(form){ var f = form.pocetlidi.value; for (var i=1; i<=f;i++){ var div1 = document.createElement("div"); div1.className = 'div1'; div1.innerHTML = 'Hello'; document.body.appendChild(div1); var div2 = document.createElement("div"); div2.className = 'div2'; div2.innerHTML = 'World'; document.body.appendChild(div2); (function(d1, d2) { div1.onclick = div2.onclick = function() { change(d1, d2); } })(div1, div2); } form.pocetlidi.disabled = true; form.button.disabled = true; return false; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>