3024383
/
development-ib-fork
forked from WEB-IB-SS26/development-ib
1
1
Fork 0
Code Pull Requests Activity

Implemented labor 11

main
Oliver Stolle 2026-06-08 20:08:26 +00:00
parent 126157fade
commit 5bcd141d14
3 changed files with 82 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/11/eigene_loesungen/Aufgabe_01.html 100644
View File

@ -0,0 +1,20 @@
<!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>

23
web/11/eigene_loesungen/Aufgabe_02.html 100644
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paw Patrol - Helfer auf vier Pfoten</title>
</head>
<body>
<h1>Lieblings-Fellfreund</h1>
<form id="pawFormular">
<label for="name">Gib hier den Namen ein: </label>
<input type="text" id="name" name="fellfreund">
<button type="submit">Spruch ausgeben</button>
</form>
<p id="meldung"></p>
<h2 id="spruch"></h2>
<script src="uebung02.js"></script>
</body>
</html>

39
web/11/eigene_loesungen/uebung02.js 100644
View File

@ -0,0 +1,39 @@
var dict = new Map();
dict.set("chase","Chase ist auf Spur!")
dict.set("marshall","Ich bin startklar!")
dict.set("skye","Diese Pfote hebt ab!")
dict.set("rocky","Wegwerfen? Kommt nicht in die Tüte!")
dict.set("rubble","Rubble ist zur Stelle!")
dict.set("zuma","Los geht’s ins Wasser!")
dict.set("everest","Eis und Schnee – ich bin bereit!")
dict.set("tracker","Ich höre alles!")
const formular = document.getElementById("pawFormular")
const meldung = document.getElementById("meldung")
const spruch = document.getElementById("spruch")
const input = document.getElementById("name")
formular.addEventListener("submit",(event) => {
event.preventDefault();
meldung.textContent = ""
spruch.textContent = ""
const name = input.value.trim().toLowerCase();
if(name == ""){
meldung.textContent = "Kein Name eingegeben.";
}
spruch_text = dict.get(name);
if(spruch_text == null){
meldung.textContent = "Paw-Patrol Name nicht gefunden.";
}else{
spruch.textContent = spruch_text;
}
})