A problem with buttons and javascript

**Solaris_wayis** · 02-25-2010 05:02 PM

Hey, I'm new to JS and I was wondering if its possible in JS to make a form that when you click on a button it adds a value to a preset variable, (x=0

, or that it multiples x by a certain value (or anything that can change the vaule of x). So far I've touched small bits of php in my course but trying to paly around with JS a bit.

my mind set with it is something like this.

Code:

<form id="form">
<script type="text/javascript">
var x = 0;
function count (x)
	{
	return x+=1;
	}

	document.write(x);
</script>


<input type="button" Value="counter" size=12 onClick=count()>
<script type="text/javascript">
document.write(document.solas.value);
</script>

</form>

just playign aroudn with some things atm so any help would be appretiated.

**JMRKER** · 02-25-2010 09:40 PM

Try this ...

Code:

<html>
<head>
<title>Button Changes</title>
<script type="text/javascript">
http://www.webdeveloper.com/forum/showthread.php?t=225370

function Add() { 
  var N = parseFloat(document.getElementById('Accum').value);
  if (isNaN(N)) { alert('Math requires numbers'); return; }
  document.getElementById('Accum').value = N + 1;
}

function Sub() { 
  var N = parseFloat(document.getElementById('Accum').value);
  if (isNaN(N)) { alert('Math requires numbers'); return; }
  document.getElementById('Accum').value = N - 1;
}

function Mult() { 
  var N = parseFloat(document.getElementById('Accum').value);
  if (isNaN(N)) { alert('Math requires numbers'); return; }
  document.getElementById('Accum').value = N * 5;
}

function Div() { 
  var N = parseFloat(document.getElementById('Accum').value);
  if (isNaN(N)) { alert('Math requires numbers'); return; }
  document.getElementById('Accum').value = N / 5;
}

</script>
</head>
<body>
<form id="myForm" action="" onsubmit="return false">

Initial value: <input type="text" value="1" id="Accum"><br>
<button type="text" value="1" onClick="Add('Accum')">Add 1</button>
<button type="text" value="1" onClick="Sub('Accum')">Sub 1</button>
<button type="text" value="1" onClick="Mult('Accum')">Multiply 5</button>
<button type="text" value="1" onClick="Div('Accum')">Divide 5</button>

</form>
</body>
</html>

Thread: A problem with buttons and javascript

Thread Tools

Display

A problem with buttons and javascript

Consider this ...

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions