How to get a button to call a function

**Tylerb$** · Sep 17, 2012 16:09

Hey i need some help, im trying to use javascript to add things like money by clicking a button to call on a function. this is what i can come up with if anyone can lead me in the right direction id apreciate it.

code:
<!DOCTYPE html>
<html>
<body>

<p>Click the button to add money to your wallet.</p>

<button onclick="myFunction()">Wallet</button>

<p id="demo"></p>
<button onclick="addMoney()">Add</button>
<p id="add"></p>
<script>
function myFunction()
{
var $;

var $=5;

document.getElementById("demo").innerHTML=$;
}
function addMoney()
{
var $;
var t=$+1;
document.getElementById("add").innerHTML=t;
}
</script>

</body>
</html>

**popartns** · Sep 19, 2012 04:27

You are declaring new variable every time a function is called. Also, try avoiding naming your variables '$', because a lot of JS tools/libs use this character as their identifier (ex. jQuery heavily uses $).
Here is a slightly edited JavaScript for your example:

Code:

var wallet = 5; // set initial wallet value to 5

function myFunction()
{
  document.getElementById("demo").innerHTML = wallet;
}


function addMoney()
{
  wallet++; // increments by 1
  document.getElementById("add").innerHTML = "New value: " + wallet;
}

User Tag List

Thread: How to get a button to call a function

Thread Tools

Display

How to get a button to call a function

Bookmarks

Bookmarks

Posting Permissions