Beispiel:JS-Event-ondblclick.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head>
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css" /> <title>Beispiel: ondblclick Event</title>
</head>
<body>
Beispiel: ondblclick Event
<main>
Gib eine Zahl ein. Durch einen Doppelklick auf den Button berechnest du die Quadratzahl.
<form name="Rechnen" action="">
<label>Wert: <input type="text" size="10" name="Eingabe"></label>
<button type="button" id="demo">Los!</button>
</form>
</main>
<script>
var elem = document.getElementById("demo");
var ausgabe = document.getElementById("Ausgabe");
elem.addEventListener("dblclick", Rechnen);
function Rechnen() {
Ausgabe.innerHTML = "Die Quadratzahl beträgt:" + document.Rechnen.Eingabe.value * document.Rechnen.Eingabe.value;
} </script> </body> </html>
