Připravíme hru do stavu, jak bude vypadat při spuštění nové hry a vytvoříme první event listener.

Pokračuj se svým kódem z minulé lekce.

Nemáš-li z nějakého důvodu kód k dispozici, zde je ke stažení náš projekt ve stavu, v jakém jsme ho opustili v minulé lekci: czchts-js-7

getElementById()

Je to další z metod na objektu document. Stejně jako querySelector() i getElementById() prochází DOM a vrací objekty elementů. Rozdíl je v tom, že oproti querySelectoru hledá getElementById() jen prodle id atributu a jako argument nebere CSS selektor, ale hodnotu hledaného id atributu (bez #).

Vrací první nalezený element (id by měla být jedinečná).

<!-- HTML -->
<nav>
 <ul>
   <li>...</li>
   <li id="druhy">...</li>
   <li>...</li>
 </ul>
</nav>

// JavaScript
let polozkaSeznamu = document.getElementById('druhy');

Projekt online vzdělávání byl realizován v rámci Stipendia Czechitas v projektu: „Ženy do IT“ (reg.č. CZ.03.1.51/0.0/0.0/16_061/0003268), který je financován z prostředků Evropského sociálního fondu prostřednictvím Operačního programu Zaměstnanost.

ZAUJAL TĚ TENTO ONLINE KURZ?

Odebírej náš měsíční newsletter, kde najdeš například IT novinky, Tech Meetupy, ale i pozvánky na konference. Čas od času ti dohodíme slevu na vstup, zajímavé pracovní příležitosti nebo tipy, kde se dál vzdělávat. Buď v obraze!

Odebírej Newsletter