Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Duda] Cómo puedo agregar una imagen en HTML desde Javascript

Quiero que al darle click en adivinar número secreto si lo acierto me salga una imagen de carita feliz, pero no sé como puedo agregar código al document desde JavaScript al HTML. Ayuddaaa Juego Secreto

1 respuesta
solución!

¡Hola Andrés! ¿cómo estás?

Para agregar una imagen en HTML desde JavaScript, puedes utilizar el método createElement para crear un elemento img y luego establecer sus atributos src y alt. Luego, puedes agregar este elemento a un elemento existente en la página utilizando el método appendChild.

Aquí te dejo un ejemplo de cómo podrías hacerlo:

// crea un elemento img
var imagen = document.createElement("img");

// establece los atributos src y alt
imagen.src = "ruta/de/la/imagen.jpg";
imagen.alt = "Descripción de la imagen";

// agrega la imagen a un elemento existente en la página
document.getElementById("idDelElemento").appendChild(imagen);

En este ejemplo, deberás reemplazar "ruta/de/la/imagen.jpg" con la ruta de la imagen que quieres mostrar y "Descripción de la imagen" con una descripción adecuada de la imagen. Además, deberás reemplazar "idDelElemento" con el ID del elemento existente en la página donde quieres mostrar la imagen.

Espero que esto te ayude a resolver tu duda.

Recordando que este es un concepto más avanzado que puede que aún no lo comprendas.

¡Saludos!

Si este post te ayudó, por favor marca como solucionado ✓. ¡Continúa con tus estudios!