In dieser Lektion zusammenfassen wir das, was Sie bisher gelernt haben, und gehen auf einige fortschrittlichere Konzepte ein. Sie haben bereits gelernt, wie Sie JavaScript verwenden können, um dynamische Webseiten zu erstellen, indem Sie DOM-Elemente manipulieren, CSS-Stile anwenden, Event-Handlern beitreten, Formulare verarbeiten und Zeitbasiertere Interaktionen mit Timer-Events. In dieser Lektion werden wir uns mit den verschiedenen Arten von Events im Detail beschäftigen, einschließlich klickbasierten Events, mouse-basierten Events, Formulare und Timer-Events. Wir werden auch eine Übersicht über die Konzepte geben, die Sie in Python aufnehmen und wie Sie sie in JavaScript umsetzen können.
<!DOCTYPE html>
<html>
<head>
<title>Event Handling</title>
<style>
#clickable {
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="clickable"></div>
<script>
const clickable = document.getElementById("clickable");
clickable.addEventListener("click", function() {
alert("Div wurde geklickt!");
});
</script>
</body>
</html>