Tei5’s Blog

Tei5 の メモ書き

はてなブログで、Javascript 実行する

ちょっとしたツールをWEB上に置いておきたいときに。

はてなブログでは、Javascriptが実行できる。

ポイントは、

  • 編集モードを「Markdown」に変更する。(「はてな記法」でも可能かも)
  • < script >~< /script >で囲んでJavascriptを記載する。
  • < script > の前にスペースがあってはいけない?(タグの前にスペースがあるのがだめなのかも)

実行例

ボタンをおすと、「おされた!」のダイアログが出る。



このテストのソース

<button id="pushButton">おす</button>
<script>
  document.getElementById('pushButton').addEventListener('click', function() {
  alert('おされた!');
});
</script>

これで、計算ツールなどもWEBに載せられるな。