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") != null) {

  
// 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

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Bild vergrößern mit dem „Checkbox Hack”

PHP - Zufallspasswort erzeugen

JavaScript - Gedrückte Taste markieren

MySQL - Abrufen eines zweispaltigen Ergebnisses in ein Array