03. イベント

JavaScriptで書かれたプログラムは、ユーザがボタンを押したなどの操作や、一定時間が経過したなどのイベントをきっかけに実行されることがよくあります。
最初は意味が分からなくてもいいので、以下をテキストエディタで打ち込んでください。

リスト3: lesson03.html

<!DOCTYPE html>
<html>
  <head>
    <title>Lesson03</title>
  </head>
  <body>
    <input type="button" value="Click me" onclick="alert(1+1)" />
  </body>
</html>

打ち込み終わったら、Webブラウザで開いてみてください。
今回は、HTMLの<input>タグを使って、Webブラウザ上にボタンを表示します。そして、このボタンのonclick属性に、Lesson02で学んだalert（アラート）関数を指定することにより、ボタンが押されたときに、alert関数が呼ばれます。
また、alert関数に渡しているパラメータは、今回は引用符（ ' ' または " "）で括られた文字列ではなく、数式 1+1 です。そして、警告ダイアログには計算された結果が表示されます。