zadanie.md

Rozcestník

• Späť na úvod
• Repo: Štartér, Riešenie
• Zobraziť riešenie

Skrývanie a zobrazovanie elementov

Hlavný jazyk príkladu: JS

Ostatné použité jazyky: HTML

Obťažnosť: 1/5

Obsah príkladu: Výber elementov metódou querySelectorAll(), skrývanie a zobrazovanie elementov, kolekcie elementov, hierarchia elementov, DOM udalosti.

Zadanie

Vytvorte skript, ktorý po kliknutí na element h1 zobrazí alebo skryje text v nasledujúcom elemente p.

Skript by mal fungovať na takejto štruktúre HTML kódu:

<div>
    <h1>
        Suspendisse in congue mi
    </h1>
    <p>
        Lorem ipsum dolor sit amet, conse...
    </p>
</div>
<div>
    <h1>
        Interdum et malesuada fames ac ante ipsum primis in faucibus
    </h1>
    <p>
        Cras elementum egestas massa, eu finibus nulla convallis se...
    </p>
</div>
...