development-ib-fork/web/11/eigene_loesungen/Aufgabe_01.html

20 lines
642 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="Anzeige">
<h1>Endlich Pfingsferien!</h1>
<button id="StartButton">Ferien Starten 🌞</button>
</div>
<script>
const button = document.getElementById("StartButton");
const ausgabe = document.getElementById("Anzeige");
const html = "<h1>Schöne und erholsame Pfingstferien!</h1> <br> <img src=\"../labor/Pfingstrose.jpg\" alt=\"Bild von einer Pfingstrose\" height=\"200px\"></img>";
button.addEventListener("click", () => {ausgabe.innerHTML = html;});
</script>
</body>
</html>