¿Cómo obtengo una imagen almacenada en una variable de JavaScript para mostrarla en un código HTML?
Digamos, por ejemplo, que mi imagen está almacenada en una variable llamada flores como se ve en el siguiente código javascript:
<script> var flowers = "myFlowers.gif"; </script>En el siguiente código HTML, hago referencia a la variable de flores en mi img src para mostrar la imagen, pero parece que no puedo hacer que esto funcione.
<img src= flowers class="card-img-top" id="flowers">Por favor ayuda, ¿Qué estoy haciendo mal?
No puedes insertarlo directamente así. En su lugar, establece el atributo src a través de javascript.
let flowers = "https://picsum.photos/200/300"; document.querySelector('#flowers').src = flowers; <img class="card-img-top" id="flowers">