BananaMaster

29 - Template-Literale in der for-Schleife ``, Inkrement und Dekrement ( JS-Lektionen )

Falls du etwas vergessen hast — klicke, um zur Lektion zurückzukehren.

Task 1.

Erstelle eine Schleife von 1 bis 10. Gib alle Zahlen in einem einzigen console.log aus. Ergebnis: 1 2 3 4 5 6 7 8 9 10

Task 2.

Erstelle eine Schleife von 10 bis 1. Gib alle Zahlen in einem einzigen console.log aus. Ergebnis: 10 9 8 7 6 5 4 3 2 1

Task 3.

Erstelle ein div auf der Seite. Erstelle eine Schleife von 1 bis 7. Umschließe jede Zahl mit einem <p>-Tag über ein Template-Literal. Gib das Ganze im div aus.

Task 4.

Erstelle ein div auf der Seite. Erstelle eine Schleife von 1 bis 10. Multipliziere in jedem Schritt die Zahl mit 2, erstelle ein eigenes HTML-Tag <p> und gib das Ergebnis darin über ein Template-Literal aus. Ausgabeformat:

<p>2 * 1 = 2</p>

<p>2 * 2 = 4</p>

...

<p>2 * 10 = 20</p>

Task 5.

Erstelle ein ul auf der Seite. Erstelle eine Schleife von 1 bis 8. Umschließe jedes Element mit einem <li>-Tag über ein Template-Literal. Text darin: Item 1, Item 2 usw. Gib das Ergebnis in das <ul>-Tag aus.

Task 6.

Erstelle ein input, ein div und ein button. Der Benutzer gibt eine Zahl ein. Erstelle eine Schleife von der eingegebenen Zahl bis 1. Gib den Countdown im div aus, indem du für jeden Wert ein eigenes <p>-Element über Template-Literale erstellst.

Füge ganz am Ende, nach der Schleife, <p>GO!</p> hinzu

Das Ergebnis bei Eingabe von 5 sollte so aussehen:

5

4

3

2

1

GO!

Task 7.

Erstelle ein input für den Namen, ein input für die Anzahl, ein div und ein button. Der Benutzer gibt einen Namen und eine Zahl ein. Erstelle eine Schleife von 1 bis zur eingegebenen Zahl. Gib das Ergebnis im div aus, indem du jede Ausgabe in einem eigenen <p>-Tag über ein Template-Literal erstellst.

Ergebnis bei Eingabe von User und 3:

<p>User</p>

<p>User</p>

<p>User</p>