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.

<p> Textabsatz

CSS - Drehende E-Mail - Problem gelöst!

PHP - foreach und list effizient einsetzen

JavaScript - Die aktuelle Fenstergröße ermitteln

MySQL - Datensätze auswählen

Zu viel Animation
Zu viel Animation, zum Beispiel mit animierten Gifs, wirkt unprofessionell und lenkt ab. Jede Seite sollte höchstens ein animiertes Element enthalten, besser man verzichtet ganz darauf. (Alles, was über den Bildschirm hopst und zappelt und blinkt — weg damit! ;- )