- 締切済み
ボタンを押した回数を表示するには
HTML内に <head> <script language="vbscript"> </script> </head> <body> <input type="button" onclick="MsgBox('押しましたね')" value="Please"> </body> こんなタグでボタンを押させた場合 そのボタンを押した累積回数を表示させる方法はないでしょうか よろしくご教示お願いいたします
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Ogre7077
- ベストアンサー率65% (170/258)
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>
お礼
ご丁寧なご回答ありがとうございました。 最近のIEでvbscriptが使えなくなったとは知りませんでした。