Image not showing up after onclick


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:


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(){


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

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

Thanks I am a meathead. I can see it now

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

1 Like