カウントアップ

javascript

ついでにカウントダウンもつけてみた

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>クリックカウント</title>
<script type="text/javascript">
var count=0;

window.onload = function() {
  document.calcForm.up.onclick = countUp;
  document.calcForm.down.onclick = countDown;
  document.calcForm.clear.onclick = clearResult;
}

function countUp(){
	document.calcForm.result.value=++count;
}

function countDown(){
	document.calcForm.result.value=--count;
}

function clearResult(){
	count=0;
	document.calcForm.result.value=count;
}

</script>


</head>

<body>
	<form name="calcForm">
	<div>
	  <input type="button" name="up" value="カウントアップ">
		<input type="button" name="down" value="カウントダウン" style="padding-left:5px;">
	</div>
  <div><input type="text" name="result" value="0"></div>
  <div><input type="button" name="clear" value="クリア"></div>
	</form>

</body>
</html>