Variable not being assigned value out of function

Question

This code below replaces "amount" with "NaN". I feel like it has something to do with the variable being outside of the add function. Is there any way to get past this basic problem... I feel so dumb right now. Thanks, Matthew.

 var x = 5 var y = 4 function add() { var x = x + y; document.getElementById("amount").innerHTML = x; }

 <p onclick="add()">Hello</p> <p id="amount"> Cacti: 0</p>

I'll accept your answer in a bit, I can't accept that fast, sorry.

Answer 1

This will work:

 <body> <p onclick="add()">Hello</p> <p id="amount"> Cacti: 0</p> <script> var x = 5 var y = 4 function add() { x = x + y; document.getElementById("amount").innerHTML = x; } </script> </body>

Remove var from inside the function, as you don't want to declare a new variable x , but use the x already declared outside the function.

Variable not being assigned value out of function

Question

1 answers

solution1
0 ACCPTED 2020-06-04 02:14:37

Variable not being assigned value out of function

Question

1 answers

solution1 0 ACCPTED 2020-06-04 02:14:37

solution1
0 ACCPTED 2020-06-04 02:14:37