how would you write a code that shows or hides an image on a page when the user clicks something?

Question

I want to have images on the page, and let the user click a <button> to show or hide the image. (using HTML, CSS, and javascript).
thank you for your help

Answer 1

btn.onclick = function() {
if(img.style.display = "none") {
img.style.display = "block";
} else {
img.style.display = "none";
}
}
This makes the job, where img is the image element selected with DOM and btn the button selected with DOM...

Answer 2

You can use Javascript for that..

When user clicks button img.style.visibility=“hidden“;

Something like that.. 😅

Answer 3

if you want that the area the element occupies before not to cgange, you can use opacity: 0%;

Answer 4

hmm am here.......?