Inline-JavaScript im HTML-Element

Mit Inline-JavaScript kannst du Code direkt in einem HTML-Element schreiben – zum Beispiel über Event-Attribute wie onclick. Beim Klick auf den Button wird der JavaScript-Code ausgeführt.

index.html

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="UTF-8">
5    <title>Inline-JavaScript</title>
6</head>
7<body>
8
9    <h1>Inline-JavaScript</h1>
10
11    <button onclick="alert('Hallo! JavaScript funktioniert.')">
12        Klick mich!
13    </button>
14
15</body>
16</html>

Erklärung

onclick="alert('Hallo! JavaScript funktioniert.')" führt den JavaScript-Code aus, wenn auf das Element geklickt wird.
Weitere Event-Attribute sind z. B. onmouseover, onchange oder onsubmit.
Inline-JavaScript eignet sich vor allem für kleine Tests. In echten Projekten ist es besser, JavaScript extern oder im script-Tag zu schreiben.

Im nächsten Kapitel lernst du: Output