diff --git a/01_grundlagen/agenda.md b/01_grundlagen/agenda.md index 4bfdff0..71e1cf0 100644 --- a/01_grundlagen/agenda.md +++ b/01_grundlagen/agenda.md @@ -67,7 +67,7 @@ theme: default **Übungen:** -Übung 13 - 15 +Übung 14 - 18 --- @@ -84,7 +84,7 @@ theme: default **Übungen:** -Übung 16 - 22 +Übung Kontaktformular mit HTML und BS --- @@ -100,7 +100,7 @@ theme: default **Übungen:** -Übung 23 - 25 +Übung 19 - 26 --- diff --git a/01_grundlagen/uebungen/u19-20-22-darkside-quiz.html b/01_grundlagen/uebungen/u19-20-22-darkside-quiz.html new file mode 100644 index 0000000..ab699fe --- /dev/null +++ b/01_grundlagen/uebungen/u19-20-22-darkside-quiz.html @@ -0,0 +1,88 @@ + + + + + + Übung 22: Die dunkle Seite schlägt zurück … + + + +
+
+
+

Übung 22: Die dunkle Seite schlägt zurück …

+ +

+ Endlich setzt du deinen Kampf gegen die dunkle Seite von JS fort (siehe Übung 20) und erstellst zwei neue + »Kampf-Sequenzen«: +

+

»What's the German word for if« (Mehrere Lösungsmöglichkeiten: wenn, falls).

+

»Now, please enter a string with a length between 8 and 15 characters …«

+
+
+

Übung 23: Die dunkle Seite schlägt zurück…

+

+ Endlich setzen Sie Ihren Kampf gegen die dunkle Seite von JS fort (siehe Übung 20) und erstellen zwei neue + »Kampf-Sequenzen«: +

+
    +
  • »What's the German word for if« (Mehrere Lösungsmöglichkeiten: wenn, falls).
    • +
  • »Now, please enter a string with a length between 8 and 15 characters…«
    • +
+
+
+
+ + + diff --git a/01_grundlagen/uebungen/#u23_validierung-prompt.html b/01_grundlagen/uebungen/u23_validierung-prompt.html similarity index 58% rename from 01_grundlagen/uebungen/#u23_validierung-prompt.html rename to 01_grundlagen/uebungen/u23_validierung-prompt.html index a04070d..a9d37a6 100644 --- a/01_grundlagen/uebungen/#u23_validierung-prompt.html +++ b/01_grundlagen/uebungen/u23_validierung-prompt.html @@ -26,15 +26,38 @@ +
diff --git a/01_grundlagen/uebungen/#u24_leap-year-2.html b/01_grundlagen/uebungen/u24_leap-year-2.html similarity index 68% rename from 01_grundlagen/uebungen/#u24_leap-year-2.html rename to 01_grundlagen/uebungen/u24_leap-year-2.html index 3ab4dba..046ed27 100644 --- a/01_grundlagen/uebungen/#u24_leap-year-2.html +++ b/01_grundlagen/uebungen/u24_leap-year-2.html @@ -44,11 +44,32 @@ const inputEl = document.querySelector('.input-year'); const outputEl = document.querySelector('.output'); + let isLeapYear = false; inputEl.addEventListener('input', (e) => { - const val = e.currentTarget.value; + const year = e.currentTarget.value; - // TODO: check if it is a leap year or not. + if (isNaN(year) || year <= 0) { + const errorMsg = 'Bitte geben Sie ein gültiges Jahr ein.'; + console.log(errorMsg); + outputEl.textContent = errorMsg; + } else { + // wenn ganzzahlig durch 400 teilbar ist. + // oder (nicht ganzzahlig durch 100, aber ganzzahlig durch 4 teilbar ist). + if (year % 400 === 0 || (year % 4 === 0 && year % 100 !== 0)) { + isLeapYear = true; + } else { + isLeapYear = false; + } + + // isLeapYear = year % 400 === 0 || (year % 4 === 0 && year % 100 !== 0); + + const resultText = isLeapYear ? `${year} ist ein Schaltjahr!` : `${year} ist KEIN Schaltjahr`; + + console.log(resultText); + + outputEl.textContent = resultText; + } }); diff --git a/01_grundlagen/uebungen/#u25_suche-im-heuhaufen.html b/01_grundlagen/uebungen/u25_suche-im-heuhaufen.html similarity index 93% rename from 01_grundlagen/uebungen/#u25_suche-im-heuhaufen.html rename to 01_grundlagen/uebungen/u25_suche-im-heuhaufen.html index ef39db8..0cc7890 100644 --- a/01_grundlagen/uebungen/#u25_suche-im-heuhaufen.html +++ b/01_grundlagen/uebungen/u25_suche-im-heuhaufen.html @@ -1,4 +1,4 @@ - + @@ -41,6 +41,9 @@ const text = 'Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Nadel Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen Heuhaufen'; + + const position = text.indexOf('Nadel') + 1; + console.log(position); diff --git a/01_grundlagen/uebungen/#u26_vornamen-auslesen.html b/01_grundlagen/uebungen/u26_vornamen-auslesen.html similarity index 80% rename from 01_grundlagen/uebungen/#u26_vornamen-auslesen.html rename to 01_grundlagen/uebungen/u26_vornamen-auslesen.html index 2774f9e..6a7e027 100644 --- a/01_grundlagen/uebungen/#u26_vornamen-auslesen.html +++ b/01_grundlagen/uebungen/u26_vornamen-auslesen.html @@ -1,4 +1,4 @@ - + @@ -27,6 +27,13 @@ 'use strict'; const name = ' Ladislaus Coolio Jones '.trim(); + const spacePosition = name.lastIndexOf(' '); + + const firstNames = name.substring(0, spacePosition); + const lastName = name.substring(spacePosition + 1); + + console.log('lastname: ', lastName); + console.log('firstnames: ', firstNames); diff --git a/01_grundlagen/unterricht/tag06/06_logischer-operator-oder-short-breakout.html b/01_grundlagen/unterricht/tag06/06_logischer-operator-oder-short-breakout.html index 2990060..7e0f171 100644 --- a/01_grundlagen/unterricht/tag06/06_logischer-operator-oder-short-breakout.html +++ b/01_grundlagen/unterricht/tag06/06_logischer-operator-oder-short-breakout.html @@ -35,6 +35,10 @@ console.log(zahl4); // => '10.5' + // const slider = (el) => { + // const listEl = el || document.querySelector('.slider-list'); + // }; + const outputEl = document.querySelector('.output') || alert('Element exisitiert nicht');