Enable Javascript function on image click

Question

I had an image which appears on the click of another image.

I'm posting the code below. Please tell me where I went wrong. Thanks !

JavaScript

function suit1() {
  var element = document.getElementById("suit1");
  element.setAttribute("Hidden", "False");
}

HTML

<img src="suit1.png" style="width:100%; height:595px;" hidden="true" id="suit1"/> 
<img src="point.png"  onclick="javascript:suit1()">

Change suit1() to suit(). For some reason having 1 in the function name is causing a problem. Also, change element.setAttribute("Hidden", "False"); To element.hidden=false; Open your browser console, this will display errors. — NewToJS
– NewToJS, Commented Feb 26, 2016 at 2:03

arnuga3 · Accepted Answer · 2016-02-26 02:32:27Z

2

Try this:

 function suit1() {
     var element =     document.getElementById("suit1");
  element.removeAttribute("hidden");
}

edited Feb 26, 2016 at 2:32

answered Feb 26, 2016 at 1:58

arnuga3

2411 gold badge3 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Stanimal Over a year ago

Nope, Even this does't work. The problem Im getting is not in the javascript. Its that the img is not executing anything onclick

arnuga3 Over a year ago

Leave just word hidden in html as well <img src="suit1.png" style="width:100%; height:595px;" hidden id="suit1"/> <img src="point.png" onclick="javascript:suit1()">

Slartibartfast · Accepted Answer · 2016-02-26 02:54:22Z

2

As stated in the comments, the number in suit1() was causing the issue. However, changing the function name to any name other than the id for first img resolves the problem. HTML:

<img src="suit1.png" style="width:100%; height:595px;" hidden="true" id="suit1"/> 
<img src="point.png"  onclick="javascript:some1()">

JavaScript:

function some1() {
  var element = document.getElementById("suit1");
  element.removeAttribute("hidden");
}

Or change the id of the img.

answered Feb 26, 2016 at 2:54

Slartibartfast

1,6134 gold badges25 silver badges38 bronze badges

Collectives™ on Stack Overflow

Enable Javascript function on image click

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related