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.

<option> Option - Auswahlliste/Datenliste

CSS - Display-Flex mit Tabellen

PHP - Dateigröße umrechnen

JavaScript - Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben

MySQL - Spalte einer Tabelle sortieren

Text in Großbuchstaben
Text in GROSSBUCHSTABEN lenkt vom Inhalt ab, ist schwer lesbar, unhöflich und wird als „Geschrei“ wahrgenommen.