lunes, 9 de mayo de 2022

JS - Mostrar y ocultar imagen


Un breve código para mostrar y ocultar imagenes o contenido con javascript

HTML

<button id="boton" onclick="mostrar();">Mostrar Imagen</button>
<button id="boton" onclick="ocultar();">Ocultar Imagen</button>
<div id="img">
  <img src="#" alt="">
</div>

CSS

#img{
    display: none;
}

JS

function mostrar(){
    document.getElementById('img').style.display = 'block';
}
function ocultar(){
    document.getElementById('img').style.display = 'none';
}

No hay comentarios:

Publicar un comentario