JavaScript Übungen Lösungen

Grundlagen: Funktionen, Variablen, Parameter

1. Hello World Funktion
   Schreibe eine Funktion sayHello(), die den Text "Hello, World!" in der Konsole ausgibt.

   function sayHello() {
     console.log("Hello, World!");
   }
   sayHello();
   

2. Begrüßung mit Namen
   Schreibe eine Funktion greet(name), die den Nutzer mit seinem Namen begrüßt (z.B. "Hallo Anna!").

   function greet(name) {
     return `Hallo ${name}!`;
   }
   console.log(greet("Anna"));
   

3. Addition zweier Zahlen
   Schreibe eine Funktion add(a, b), die zwei Zahlen addiert und das Ergebnis zurückgibt.

   function add(a, b) {
     return a + b;
   }
   console.log(add(3, 7));
   

Kontrollstrukturen und Schleifen

4. Gerade oder ungerade?
   Schreibe eine Funktion isEven(number), die true zurückgibt, wenn eine Zahl gerade ist, sonst false.

   function isEven(number) {
     return number % 2 === 0;
   }
   console.log(isEven(4)); // true
   console.log(isEven(7)); // false
   

5. Fakultät berechnen (for-Schleife)
   Schreibe eine Funktion factorial(n), die die Fakultät einer Zahl berechnet (n!).

   function factorial(n) {
     let result = 1;
     for(let i = 1; i <= n; i++) {
       result *= i;
     }
     return result;
   }
   console.log(factorial(5)); // 120
   

Arrays und Objekte

6. Array durchsuchen
   Schreibe eine Funktion contains(arr, value), die prüft, ob ein Wert in einem Array enthalten ist.

   function contains(arr, value) {
     for(let i = 0; i < arr.length; i++) {
       if(arr[i] === value) return true;
     }
     return false;
   }
   console.log(contains([1, 2, 3], 2)); // true
   console.log(contains([1, 2, 3], 5)); // false
   

7. Objekt Eigenschaften ausgeben
   Schreibe eine Funktion printPerson(person), die den Namen und das Alter einer Person ausgibt.

   function printPerson(person) {
     console.log(`Name: ${person.name}, Alter: ${person.age}`);
   }
   const person = { name: "Max", age: 30 };
   printPerson(person);
   

DOM und Events (optional, wenn du eine HTML-Seite hast)

8. Button klick zählt
   Erstelle eine Webseite mit einem Button und einem Textfeld, das zählt, wie oft der Button geklickt wurde.

   <button id="clickBtn">Klick mich</button>
   <p id="count">0</p>
   
   <script>
     let count = 0;
     document.getElementById("clickBtn").addEventListener("click", function() {
       count++;
       document.getElementById("count").textContent = count;
     });
   </script>