Discussion :

[TBA_78]

Bonjour,

J'en ai marre que l'on me rajoute une couche de pub quand j'écoute la radio via une application alors j'ai décidé d'en créer une et tout fonctionne sauf l'ajout aux radios favorites via le locaStorage qui sauvegarde bien 1 radio mais si j'en sélectionne une autre, elle écrase la précédente :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function updateFavoritesUI(favorites) {
  var favoritesContainer = document.getElementById('radios-favorites');
  favoritesContainer.innerHTML = ''; // Effacer le contenu actuel
 
  favorites.forEach(function (favorite) {
    // Créer et ajouter la nouvelle carte favori à l'interface utilisateur
    var newFavoriteCard = document.createElement('div');
    newFavoriteCard.classList.add('card', 'ps-0', 'pe-0', 'swiper-slide');
 
    var favoriteCardContent = `
      <div class="card__image">
        <img class="img-fluid" src="${favorite.image}" alt="Radio">
      </div>
      <div class="card__content">
        <span class="card__title mt-1">${favorite.title}</span>
        <audio data-src="${favorite.audioSrc}"></audio>
      </div>
    `;
 
    newFavoriteCard.innerHTML = favoriteCardContent;
    favoritesContainer.appendChild(newFavoriteCard);
  });
}
 
function saveFavoritesToStorage(favorites) {
  localStorage.setItem('radioFavorites', JSON.stringify(favorites));
}

Je vous remercie pour votre aide