| プログラムメモ | 2013/03/31 Sun 15:31

Javascriptでボタンをクリックする度に背景色を変える場合、
クロージャが利用できる。

←クリック
←クリック


<body>
<input id="testb1" type="button" value="color" />
<br />
<input id="testb2" type="button" value="color" />
<br />

<script type='text/javascript'>
new function() {
var ctbl = new Array('#00FF00', '#00E0FF', '#FF0000');
var changecolor = function (a, b){
	var x = a;
	var y = b;
	x.style.backgroundColor = ctbl[y];
	return function(){
		y = (y + 1) % (ctbl.length);
		x.style.backgroundColor = ctbl[y];
	};
};
var test = function (){
	var btn;
	btn = document.getElementById('testb1');
	btn.onclick=changecolor(btn, 0);
	btn = document.getElementById('testb2');
	btn.onclick=changecolor(btn, 1);
}

test();

};
</script>
</body>

Tags: プログラムメモ

author : HUNDREDSOFT | - | -

Hundredsoft

ボタンの色を変える