Wir werden uns auf klickbasierte Events weiter konzentrieren, die häufig in interaktiven Webseiten verwendet werden. Ein typisches Beispiel ist das Erstellen einer Warnmeldung, wenn ein Benutzer ein bestimmtes Element klickt. In der folgenden Beispielanwendung werden Sie sehen, wie Sie eine Warnmeldung anzeigen, wenn der Benutzer auf ein rot eingefärbtes Div-Element klickt.
<!DOCTYPE html>
<html>
<head>
<title>Click 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>