はてなブログでJavaScriptして遊ぶ(1) jQueryでカウンター

今年はなるべく毎日コードを書きたいし、なるべく毎日ブログも書こうと思うのだけどなかなか続かない。

はてなブログではJavaScriptがそのまま使えるようなので、これで遊んでたら両方が叶うのでやってみる

てはじめにカウンターが使える事が確認できた。
次はなんかもっと面白いものを作りたい

カウンター

0

ソース

<input id="tnmg-button" type="button" value="押してね" /><span id="tnmg-span">0</span>
<!-- 普通にscriptタグを書くだけ。jQueryも呼べる -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
  var numArea = $('#tnmg-span');
  var counter = 0;
  $('#tnmg-button').click(function(){
     counter++;
     numArea.text(counter);
  });
</script>