Lägg till en Event Listener

Händelselyssnare En händelselyssnare är en funktion som körs när en specifik händelse inträffar på en webbsida, t.ex. när en användare klickar på en knapp eller förflyttar musen över en viss del av sidan.

addEventListener addEventListener är en metod som används för att lägga till en händelselyssnare till ett HTML-element. Den tar två parametrar:

• händelsename: Namnet på händelsen du vill lyssna efter, t.ex. "click" eller "mouseover".
• funktion: Den funktion som ska köras när händelsen inträffar.

Click-händelse En click-händelse inträffar när en användare klickar på ett element.

Händels hantering Händels hantering är processen att fånga upp och reagera på händelser som inträffar på en webbsida.

DOM-manipulering DOM-manipulering innebär att ändra innehållet eller strukturen på en webbsida genom att interagera med DOM (Document Object Model).

Exempel på hur man bifogar en händelselyssnare

<button id="myButton">Klicka på mig</button>

<script>
  // Bifoga en händelselyssnare för click-händelsen till knappen
  const button = document.getElementById("myButton");
  button.addEventListener("click", () => {
    // Kör den här koden när knappen klickas
    alert("Knappen klickades!");
  });
</script>

Detta exempel visar hur man bifogar en händelselyssnare till en HTML-knapp så att när knappen klickas körs en alert som säger "Knappen klickades!".