Arrayer + forEach

• Variables
• If / Else-sats
• Switch Case
• Functions
• Different loops
• Arrayer + forEach
• Search array
• Array metoder
• DOM-manipulation
• Klasser och objekt

---

Välj koncept: Variables If / Else-sats Switch Case Functions Different loops Arrayer + forEach Search array Array metoder DOM-manipulation Klasser och objekt

---

Testa kodexemplet:

---

Kodexempel

<button onclick="showCars()" class="btn btn-primary">Show cars</button>
<ul id="car-list" class="list-group"></ul>
<script>
function showCars() {
  let cars = ['BMW', 'Volvo', 'Kia'];
  let list = document.getElementById('car-list');
  list.innerHTML = '';
  
  // foreach is used to iterate over each element in the array
  // It takes a callback arrow function that is executed for each car element
  cars.forEach(carElement => {
    let li = document.createElement('li');
    li.textContent = carElement;
    //add bootstrap class list-group-item to style the list item
    li.classList.add('list-group-item');
    list.appendChild(li);
      
  });
}
</script>