Image not showing up after onclick

1

Hi

So I have used an onclick and I want an image to show when the user clicks on it(the button). But the only thing that comes up is looking like the screenshot below:

image

The code I have used is this. First HTMl and then Javascript:

 <button id="activatornumerodosetwo" type="button">Click it</button>
<img id="woman" src="woman.png" style="visibility:hidden"/>






  function womanFunc(){
        document.getElementById('woman').style.visibility="visible";
    }

document.getElementById("activatornumerodosetwo").onclick=function(){
    womanFunc();
}

How can I make the picture show up? I have tried both SVG and PNG but it only shows up like this litle box.

2

Looks like “woman.png” is not the correct path to the image file.

3

Thanks I am a meathead. I can see it now

4

:brain: :dash:
We all do things like that sometimes.
Happy coding!

1 Like