diff --git a/js/index.js b/js/index.js index c929caf583fc9b072ee3bb8448aa4e102467f425..4e1d11911c0a43dddf4d16bc89f1d2d5005e1fb2 100644 --- a/js/index.js +++ b/js/index.js @@ -105,31 +105,35 @@ const cars = [ const app = document.getElementById('app'); let index = 0; +let s = ""; + for (const car of cars) { if(car !== undefined) { index++; - app.innerHTML += `
-
-
-
-
${car.make} ${car.model}
-

${car.description}

-
    -
  • Prix: ${car.price} €
    • -
  • Année: ${car.year}
    • -
  • Kilométrage: ${car.mileage}
    • -
- -
-
-
-
` + s += `
+
+
+
+
${car.make} ${car.model}
+

${car.description}

+
    +
  • Catégorie: ${car.category}
    • +
  • Prix: ${car.price} €
    • +
  • Année: ${car.year}
    • +
  • Kilométrage: ${car.mileage}
    • +
+ +
+
+
+
` } } -app.innerHTML += '' +s += '' +app.innerHTML = s index =0; for (const car of cars) { @@ -142,6 +146,7 @@ for (const car of cars) { if(car.generateExtras !== undefined) car.generateExtras(document.getElementById("body-car-"+ index)); + document.getElementById("btn-car-"+ index).addEventListener('click',(event)=>{ showHideExtra(event.target,event.target.parentElement.querySelector('.body-extra'),cars[event.target.getAttribute('data-index')]) }); }