JavaScript入門 はてなブログでJavaScriptを使う

こんにちは。レモンティーです。

今回はJavaScript入門です。

JavaScriptを使えば、はてなブログでも動的な仕掛けを簡単に作れます。
見たまま記法以外ならJavaScriptのコードを直に書いて動かせるのです。

さっそくやってみます。

なんかメッセージがでましたね。
出なかった人はブラウザの設定でJSがoffになっているかもしれません。

いまのは↓のようなコードを直に書いています。埋め込みってやつ。
HTML

<button type="button" onclick="test1()">試しにここをクリックしてください</button>

JS

<script>
  function test1(){
    alert("Hello, World!");
  }
</script>


こんな風に、scriptタグの中にJavaScriptのコードを書いていきます。

コードの内容としては
JSの関数test1を、ボタンクリック時のイベントで呼び出しています。

今回は単純なボタンでしたが、JavaScriptを習得すればかなり色々なことができるようです。

というわけでJavaScript入門シリーズ↓で文法などを扱っていきます。
www.sawalemontea.com


今回はこれでおしまいです。