Mostrar y Ocultar elemento con JS



En este ejemplo de muestro simple de como hacer visible y ocultar un elemento html mediante el uso de JS, un ejemplo que quizas si eres nuevo en este mundo del diseño web te pueda ayudar y/o servir.

A tener en cuenta: el uso de js en el diseño web es para agregar dinamismo a nuestra web, es decir que los elementos puedan jugar con el usuario, que las imagenes puedan moverse, que podamos mostrar y ocultar elementos al hacer click. que podamos cambiar de color la pagina al pulsar sobre algun elemento o boton, que podamos validar campos segun se nos requiera.

Pues empecemos:
1.- Creamos un archivo HTML con el siguiente codigo.

2.- Creamos un archivo con extension CSS que este indexado a nuestro archivo HTML (opcional, puedes crear tus propios CSS 😄) o puedes pegarlo dentro de una etiqueta <style></style>


3.- Creamos un archivo con extension JS que contenga el siguiente codigo (puedes pegrlo dentro de tu archivo html dentro de la etiqueta <script></script>): 

Resultado


Si te ayudo, sirvió o gusto compártelo y recuérdate agradecer 😊

Comentarios

Entradas populares de este blog

Desarrollo de sistemas web en PHP 7 POO, MySQL, Jquery & Ajax [Mega](Udemy)

Ubigeo MySql - Base de datos Distrito - Departamento - Provincia Perú

Saga X-Men [MOVIES]