// Variables globales
let compteur = 0 // Compteur qui permettra de savoir sur quelle slide nous sommes
let timer, elements, slides, slideWidth
// window.onload = () => {
// On récupère le conteneur principal du diaporama
const diapo = document.querySelector(".diapo")
// On récupère le conteneur de tous les éléments
elements = document.querySelector(".elements")
// On récupère un tableau contenant la liste des diapos
slides = Array.from(elements.children)
// On récupère les deux flèches
let next = document.querySelector("#nav-droite")
let prev = document.querySelector("#nav-gauche")
// On calcule la largeur visible du diaporama
slideWidth = diapo.getBoundingClientRect().width
// On met en place les écouteurs d'évènements sur les flèches
next.addEventListener("click", slideNext)
prev.addEventListener("click", slidePrev)
// Automatiser le diaporama
timer = setInterval(slideNext, 4000)
// Gérer le survol de la souris
diapo.addEventListener("mouseover", stopTimer)
diapo.addEventListener("mouseout", startTimer)
// Mise en oeuvre du "responsive"
window.addEventListener("resize", () => {
slideWidth = diapo.getBoundingClientRect().width
slideNext()
