Hide and show in javascript

To display or hide a by a click, you can add the event listener to the element.

The listener for the button will have a that will change the attribute of the from the default value (which is ) to .

For example, suppose you have an HTML element as follows:

The element above is created to hide or show the element on click.

You need to add the event listener to the element like this:

The HTML will be rendered as if the element never existed by setting the attribute to .

When you click the element again, the attribute will be set back to , so the will be rendered back in the HTML page.

tag using the tag as follows:

Feel free to use and modify the code above in your project.

I hope this tutorial has been useful for you.

👍