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
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>
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.