Así que hice una especie de pregunta similar, pero eso no funcionó porque parecía que era una copia y la solución ya está disponible.

el codigo es el siguiente

 <script> var res = localStorage.getItem('img'); if(res == null){ const myList = ['🐒', '🐕', '🐈', '🐅', '🐎', '🦓', '🐄', '🦒', '🐘', '🦔', '🦉', '🐊', '🦖', '🐬', '🦈', '🦋', '🐞', '🦂']; res = myList[Math.floor(Math.random() * myList.length)]; localStorage.setItem('img', res); } console.log(res); document.getElementsByClassName("emoji").innerHTML = res </script> <span class="emoji" style="font-size: 40px !important;"></span> <span class="emoji" style="font-size: 40px !important;"></span>

La posible solución que se dio fue

 document.getElementsByClassName("emoji")[0].innerHTML = res;

Sin embargo, eso no tuvo ningún efecto, solo mostró un emoji generado en el primer div con la clase "emoji", pero nada en el otro una vez.

He buscado la pregunta similar que se hizo antes, sin embargo, para mí parece que no hay una similitud clara y, por lo tanto, mi pregunta todavía me molesta, ya que no entiendo por qué no funciona. Tengo una función para las mismas clases, no un formato CSS.

¿Quizás algunas ideas o mejores soluciones que podrían ser viables?

* Ya hay Elements , no element y probé divs con la misma identificación, pero como supongo que debería funcionar, solo el primer div muestra el emoji