['inner self', 'technology', 'reminders', 'self-image', 'design']
Vull mostrar una llista d'icones al meu lloc web segons la categoria seleccionada per l'usuari. He fet un codi JavaScript per fer-ho, però no funciona com esperava.
```javascript
const icones = {
  "animals": ["gos", "gat", "elefant"],
  "fruites": ["poma", "plàtan", "taronja"]
};

function mostrarIcones(categoria) {
  const llistaIcones = document.getElementById("llista-icones");
  llistaIcones.innerHTML = ""; // Esborra el contingut anterior
  for (const icona in icones[categoria]) {
    const elementLlista = document.createElement("li");
    elementLlista.textContent = icona;
    llistaIcones.appendChild(elementLlista);
  }
}
```
El problema és que estàs iterant sobre les claus del array `icones[categoria]` en lloc dels seus valors. Per solucionar-ho, utilitza `for...of` en comptes de `for...in`:
```javascript
const icones = {
  "animals": ["gos", "gat", "elefant"],
  "fruites": ["poma", "plàtan", "taronja"]
};

function mostrarIcones(categoria) {
  const llistaIcones = document.getElementById("llista-icones");
  llistaIcones.innerHTML = ""; // Esborra el contingut anterior
  for (const icona of icones[categoria]) { // Itera sobre els valors
    const elementLlista = document.createElement("li");
    elementLlista.textContent = icona;
    llistaIcones.appendChild(elementLlista);
  }
}
```