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
<h1>stručná historie</h1> <button onclick="letopocet('1893')">1893</button> <button onclick="letopocet('1952')">1952</button> <button onclick="letopocet('1965')">1965</button> <script> function letopocet(jinyrok){ const rok = document.getElementById('rok'); const elem = document.getElementById('historie'); if(this.value=="1893") this.value="událost 1 a bližší informace k ní."; if(this.value=="1852") this.value="událost 2 a bližší informace k ní."; if(this.value=="1965") this.value="událost 3 a bližší informace k ní."; elem.innerHTML = jinyrok; } </script> <div class="stranka"><p class="levacast" id="rok">rok</p><p class="pravacast" id="historie">historie</p></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.stranka { display: grid; grid-template-columns: 1fr 2fr; } .levacast { grid-area: 1 / 1 / 2 / 2; } .pravacast { grid-area: 1 / 2 / 2 / 3; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>