I cannot link my Button output to my Javascript function

Question

This is a function that is part of a larger website I am designing. In a general sense I am trying to perform a Javascript function that will un-disable the disabled input HTML boxes from the click of a 'yes" button.

After clicking the "yes" button it seems it is not working.

Here is my code.

<html>
    <head>
        <script language="javascript" type="text/javascript">
          function myFunction() {
          document.getElementById("first").disabled = false;
        }
</script>


 </head>
 <body>
      Perform Operation?: <br>
                <button onClick=myFunction()>Yes</button
                <div>
                    First Number: <input type="number" id="firstnumber" value=0 disabled><br>
                    Second Number: <input type="number" id="secondnumber" value=0 disabled><br>
                </div>
 </body>

Events in javascript are all lower case there is no camel case for events onclick not onClick — lotfio
– lotfio, Commented May 29, 2017 at 9:46

Super User · Accepted Answer · 2017-05-29 09:47:00Z

3

You have written wrong selector here, check updated snippet below:

 function myFunction() {
  document.getElementById("firstnumber").disabled = false;
   document.getElementById("secondnumber").disabled = false;
}

Perform Operation?: <br>
<button onClick=myFunction()>Yes</button
<div>
    First Number: <input type="number" id="firstnumber" value=0 disabled><br>
    Second Number: <input type="number" id="secondnumber" value=0 disabled><br>
</div>

answered May 29, 2017 at 9:47

Super User

9,6623 gold badges34 silver badges48 bronze badges

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

Comments

Prashant Shirke · Accepted Answer · 2017-05-29 09:58:27Z

1

Your code is ok. Just you are using either wrong id or you have forgot to add the used id to your input. :-)

So either remove extracharges from below code and add firstnumber or secondnumber as per requirement or add input with extracharges as id.

function myFunction() { document.getElementById("extracharges").disabled = false; }

As pointed out in other answers and comments about case sensivity of JavaScript is right, but when you use event handlers as attribute (in html) then most of the browser understands it irrespective of its case.

Check this SO answer for more details!

answered May 29, 2017 at 9:58

Prashant Shirke

1,4231 gold badge8 silver badges10 bronze badges

Collectives™ on Stack Overflow

I cannot link my Button output to my Javascript function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related