Zadanie javaScript

0

Czy do wykonania tego zadania należy użyć zdarzenia onmouseover onmouseout ?
Treść zadania
Uruchom stronę zadanie01.html . Na stronie znajdują się dwa elementy o klasach parent i children Stwórz event, który po najechaniu na element parent pokaże element children . Zauważ, że element children ma ustawiony display: none w css. Stwórz drugi event, który po zjechaniu z elementów schowa z powrotem element children . Pamiętaj o tym, aby nie chować wszystkich elementów naraz.

0

tak

0

Jak to poprawić żeby to działało
Kod JS:

document.addEventListener("DOMContentLoaded", function() {
    let parent = document.querySelector(".parent");
    let chidlren = document.querySelector(".children");
    parent.addEventListener("onmouseover", function() {
        parent.onmouseover = chidlren;
    })
})
kod HTML
```<!DOCTYPE html>
<html lang="pl-PL">

<head>
    <meta charset="UTF-8">
    <title>Zadanie 1</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <div class="parent" onmouseover="mouseover(this)">
        <div class="children" onmouseout="mouseout(this)">
        </div>
    </div>

    <div class="parent">
        <div class="children">
        </div>
    </div>

    <div class="parent">
        <div class="children">
        </div>
    </div>


    <script src="zadanie01.js" type="text/javascript"></script>
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1