ボタンを押した回数を表示するには

締切済

質問者：yamutya
質問日時：2014/02/06 11:39
回答数：1件

HTML内に
<head>
<script language="vbscript">
</script>
</head>
<body>
<input type="button" onclick="MsgBox('押しましたね')" value="Please">
</body>
こんなタグでボタンを押させた場合
そのボタンを押した累積回数を表示させる方法はないでしょうか
よろしくご教示お願いいたします

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： Ogre7077
回答日時：2014/02/06 13:43

vbscript って最近のIEでは使えなくなった様なので、

javascript で回答します

<input type="button" onclick="a=parseInt(this.getAttribute('data-count'));a=isNaN(a)?1:a+1;alert(a+'回押しましたね');this.setAttribute('data-count',a)" value="Please">

もう少し綺麗にするなら

<script> _=0;
window.onload = function(){
_ ; document.getElementById('countTarget').onclick = function(){
_ , _ ; var a = parseInt(this.getAttribute('data-count'));
_ , _ ; a = isNaN(a)? 1: a+1;
_ , _ ; alert(a + '回押しましたね');
_ , _ ; this.setAttribute('data-count', a);
_ ; };
};
</script>
<button id=countTarget>Please</button>

汎用的にするなら

<script> _=0;
addEventListener('load', function(ev){
_ ; [].slice.apply(document.querySelectorAll('button.counting')).forEach(function(e){
_ , _ ; e.addEventListener('click', function(evt){
_ , _ , _ ; var a = parseInt(this.getAttribute('data-count'));
_ , _ , _ ; a = isNaN(a)? 1: a+1;
_ , _ , _ ; alert(a + '回押しましたね');
_ , _ , _ ; this.setAttribute('data-count', a);
_ , _ ; }, false);
_ ; });
}, false);
</script>
<button class=counting>Please1</button>
<button class=counting>Please2</button>