JavaScript - HTML-Button über JavaScript eine Funktion zuweisen


<script>

// HTML-Button über JavaScript eine Funktion zuweisen

// Funktion beim laden der Seite aufrufen
window.addEventListener("load", function() {

 
// Überprüfen ob die ID (Button) auf der Seite vorhanden ist (Optional).
 
if (document.getElementById("button")) {

  
// Der ID den Event-Handler 'click' hinzufügen,
  // als Event die Funktion 'test' aufrufen.
  
document.getElementById("button").addEventListener("click"test);
 }
});

function 
test() {
 
alert('Test!');
}
</
script>

<
button type="button" id="button">Klick mich!</button>

Siehe auch: Liste der Event Handler

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<main> Hauptinhalt der Seite

CSS - Datum als Kalenderblatt darstellen

PHP - Zufallszahl anzeigen

JavaScript - Formularfelder farbig markieren

MySQL - Mit mehreren Begriffen gleichzeitig suchen

Startseite gleich Schaufenster
Die Startseite ist für Ihre Homepage zugleich Schaufenster, Eingangstür und Visitenkarte. Als Schaufenster bietet sie einen Überblick über das, was auf der Webpräsenz zu finden ist; stellen Sie Fotos aus, verkaufen Sie Software oder präsentieren Sie Ihre Hobbies? Handelt es sich um eine private, geschäftliche, gemeinnützige oder öffentliche Homepage? Dies muss ohne langes Klicken und Suchen klar sein.