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
<a class="option" onclick="zmena(A)">A</a> <a class="option" onclick="zmena(B)">B</a> <a class="option" onclick="zmena(C)">C</a> <a class="option" onclick="zmena(D)">D</a> <p id="definice"><b>Úvodní text</p> <script> function zmena(id) { document.getElementById("definice").innerHTML = id; }; var A = 'AAAAAAAAAAAAAA'; var B = 'BBBBBBBBBBBBBB'; var C = 'CCCCCCCCCCCCCC'; var D = 'DDDDDDDDDDDDDD'; </script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.option { display: inline-block; height: 38px; width: 65px; margin: 20px; text-align: center; font: bold 28px Calibri; border: solid black 2px; border-radius: 5px; cursor: pointer; } .option:hover { box-shadow: 0px 0px 20px grey; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>