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  Alle Anzeigen

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

<script> JavaScript

CSS - Textbereich als veränderbare Bildanzeige verwenden

PHP - Ausgabe von Wörtern begrenzen

JavaScript - Ein farbig blinkender Text

MySQL - Wie oft ist ein Eintrag in einer Spalte vorhanden