Werner-Zenk.de - Zur Startseite

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>

Bausteine

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

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

PHP - Webseite mit einem Button neu laden

JavaScript - Countdown

MySQL - Datensatz Wert um 5% erhöhen