From 86041b24e8d4eaab7571b18cc18a53b0cfb49c1f Mon Sep 17 00:00:00 2001 From: Philippe Torrel Date: Thu, 10 Sep 2026 10:44:58 +0200 Subject: [PATCH] --- 01_grundlagen/linksammlung.md | 8 ++- 01_grundlagen/uebungen/u07_prompt-age.html | 6 ++ .../uebungen/u08_tax-totalprice.html | 29 +++++++-- 01_grundlagen/uebungen/u09_bezeichner.html | 12 ++-- .../uebungen/u10_bezeichner-verbessern.html | 64 +++++++++---------- .../uebungen/u12_prompt-lieblingsessen.html | 21 ++++++ .../uebungen/u12b_prompt-lieblingsessen.html | 11 ++-- 7 files changed, 100 insertions(+), 51 deletions(-) diff --git a/01_grundlagen/linksammlung.md b/01_grundlagen/linksammlung.md index e41bd66..8b6a756 100644 --- a/01_grundlagen/linksammlung.md +++ b/01_grundlagen/linksammlung.md @@ -20,9 +20,15 @@ - [HTML Entities Liste (W3c)](https://dev.w3.org/html5/html-author/charref) - [HTML Entities & Tastaturkürzel](https://www.key-shortcut.com/html-entities/alle-entitaeten) - [HTMLReference.io](https://htmlreference.io/) -- [CSSReference.io](https://cssreference.io/) - [BEM](https://getbem.com/) - Block Element Modifier +## CSS Tricks + +- [CSSReference.io](https://cssreference.io/) +- [CSS Guide Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) +- [CSS Flexboxfroggy](https://flexboxfroggy.com/#de) +- [CSS Gridgarden](https://cssgridgarden.com/#de) + ## Software/ Tools - [Microsoft PowerToys](https://learn.microsoft.com/de-de/windows/powertoys/) diff --git a/01_grundlagen/uebungen/u07_prompt-age.html b/01_grundlagen/uebungen/u07_prompt-age.html index e078233..5a0199a 100644 --- a/01_grundlagen/uebungen/u07_prompt-age.html +++ b/01_grundlagen/uebungen/u07_prompt-age.html @@ -23,6 +23,12 @@ 'use strict'; const outputEl = document.querySelector('.output'); + + const age = prompt('Wie alt bist Du?'); + + const result = `Du bist ${age} Jahre alt.`; + console.log(result); + outputEl.textContent = result; diff --git a/01_grundlagen/uebungen/u08_tax-totalprice.html b/01_grundlagen/uebungen/u08_tax-totalprice.html index 1193438..6a0d131 100644 --- a/01_grundlagen/uebungen/u08_tax-totalprice.html +++ b/01_grundlagen/uebungen/u08_tax-totalprice.html @@ -20,12 +20,17 @@

Folgende Definitionen steht dir zur Verfügung:

- 'use strict'
- const TAX_PERCENTAGE = 22
- let price = 150
- /* your code here */
- console.log(totalPrice)
- + 'use strict' + + const TAX_PERCENTAGE = 22 + + let price = 150 + + /* your code here */ + + console.log(totalPrice) + +

@@ -34,12 +39,22 @@ + \ No newline at end of file diff --git a/01_grundlagen/uebungen/u09_bezeichner.html b/01_grundlagen/uebungen/u09_bezeichner.html index 0382919..6a0f265 100644 --- a/01_grundlagen/uebungen/u09_bezeichner.html +++ b/01_grundlagen/uebungen/u09_bezeichner.html @@ -23,32 +23,32 @@ Preis eines Buches in einem Onlineshop - - + bookPrice, itemPrice Anzahl der angemeldeten Benutzer - - + numberOfRegisteredUser, loggedInUsers, loggedUserCount Titel einer Webseite - - + websiteTitle, pageTitle Höhe eines Hauses auf einer Immobiliensite - - + houseHeight, buildingHeight, heightOfHouse Typ eines Monitors auf der Site eines Herstellers - - + monitorType Fahrgestellnummer eines reparierten Autos auf der Website einer Autowerkstatt - - + carChassisNumber, vehicleIdentificationNumber, vin, vinRepaired diff --git a/01_grundlagen/uebungen/u10_bezeichner-verbessern.html b/01_grundlagen/uebungen/u10_bezeichner-verbessern.html index 3490913..90e8a70 100644 --- a/01_grundlagen/uebungen/u10_bezeichner-verbessern.html +++ b/01_grundlagen/uebungen/u10_bezeichner-verbessern.html @@ -36,118 +36,118 @@ bildid Inhalt - - - - + kein lowerCamelCase + bildId, imageId bildZähler Anzahl der hochgeladenen Bilder - - - - + keine Umlaute + imgUploadedCounter, bildZaehler, imageCounter zahlerFuerDie AktuelleZeileIn DerTabelleDie DieBenutzer Auflistet Zähler für die aktuelle Zeile, in der Tabelle, die die Benutzer auflistet. - - - - + keine Sonderzeichnen und zu lang + currentRowUserCounter urenKelvornAme Vorname des Sohns eines Enkels - - - - + falsche lowerCamelCase Worttrennung + urenkelVorname, greatGrandson x Geburtsdatum - - - - + nicht aussagekräftig + birthdate, dateOfBirth y Nummer der aktuellen Seite - - - - + nicht aussagekräftig + pageNumber d Dateiname - - - - + nicht aussagekräftig + fileName, filename faqUeberschrift Überschrift der Liste häufig gestellter Fragen - - - + faqHeadline menHoeh Höhe eines Menüs - - - - + keine gültige Abkürzung + menuHeight, navHeight strName Straßenname - - - + streetName wanf Wandfarbe - - - + wallPaint, wallColor colorOfWall PoStLeiTZaHl Postleitzahl - - - - + falsches CamelCase + zipCode PLZ Postleitzahl - - - - + nicht uppercase (Verwechslung mit Konfigurationsvariable) + zipCode plz Postleitzahl - - - + zipCode 2.frage Die 2. Frage - - - - + syntaxfehler + secondQuestion, questionTwo, question2 anzahl? Die vom Benutzer eingegebene Anzahl von Produktexemplaren, die er kaufen möchte. - - - - + syntaxfehler + articleCount, articleAmount, productAmount wichtige Meldung! Die Variable enthält den Text einer wichtigen Systemmeldung. - - - - + syntaxfehler + importMessage, importantSystemMessage, alertMessage pi Die Zahl π (3.14…) - - - - + Konfigurationsvariable + Math.PI, PI diff --git a/01_grundlagen/uebungen/u12_prompt-lieblingsessen.html b/01_grundlagen/uebungen/u12_prompt-lieblingsessen.html index 5b22133..1bdc7b0 100644 --- a/01_grundlagen/uebungen/u12_prompt-lieblingsessen.html +++ b/01_grundlagen/uebungen/u12_prompt-lieblingsessen.html @@ -43,6 +43,27 @@ const outputAEl = document.querySelector('.output-a'); const outputBEl = document.querySelector('.output-b'); const outputCEl = document.querySelector('.output-c'); + + const lieblingsEssen = prompt('Was ist Ihr Lieblingsessen?'); + const lieblingsGetraenk = prompt('Was ist Ihr Lieblingsgetränk?'); + + const text1 = + 'Output 1: Ihr Lieblingsessen ist ' + + lieblingsEssen + + ' und Ihr Lieblingsgetränk ist ' + + lieblingsGetraenk + + '.'; + + // RECOMMENDED + const text2 = `Output 2: Ihr Lieblingsessen ist ${lieblingsEssen} und Ihr Lieblingsgetränk ist ${lieblingsGetraenk}.`; + + console.log(text1); + console.log(text2); + + outputAEl.textContent = text1; + outputBEl.textContent = text2; + outputCEl.innerHTML = + 'Ihr Lieblingsessen ist ' + lieblingsEssen + `
und Ihr Lieblingsgetränk ist ${lieblingsGetraenk}`; diff --git a/01_grundlagen/uebungen/u12b_prompt-lieblingsessen.html b/01_grundlagen/uebungen/u12b_prompt-lieblingsessen.html index 750d28c..9c5b014 100644 --- a/01_grundlagen/uebungen/u12b_prompt-lieblingsessen.html +++ b/01_grundlagen/uebungen/u12b_prompt-lieblingsessen.html @@ -34,14 +34,14 @@
-
+
-
+
@@ -51,7 +51,7 @@
- +
@@ -71,11 +71,12 @@ const userForm = document.forms.userFavs; userForm.addEventListener('submit', (e) => { - e.preventDefault(); + e.preventDefault(); // Standardverhalten unterbinden const favMeal = userForm.userMeal.value; const favDrink = userForm.userDrink.value; + // Guard if (favMeal === '' || favDrink === '') { return; } @@ -91,7 +92,7 @@ favDrink + ' dein Lieblingsgetränk? ... Hm, naja, jedem das Seine...'; - outputBEl.innerText = `User 1234 wurde mit Lieblingsspeise ${favMeal} und Lieblingsgedränk ${favDrink} registiert. Sie werden jetzt zum Bezahlungsprozess weitergeführt. Die Ausgabe der gewünschten Speisen ist optional und nicht garantiert. Einen schönen Tag noch! Beep`; + outputBEl.innerText = `User 1234 wurde mit Lieblingsspeise ${favMeal} und Lieblingsgedränk ${favDrink} registriert. Sie werden jetzt zum Bezahlungsprozess weitergeführt. Die Ausgabe der gewünschten Speisen ist optional und nicht garantiert. Einen schönen Tag noch! Beep`; outputCEl.innerText = `Mein Lieblingsmahl ist ${favMeal} und mein Lieblingsgetränk ist ` +