JavaScript: onclick イベント。ボタンを押すと alert() のダイアログを表示

ボタンを押すと関数 alert() のダイアログを表示します。

ソース

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<script>
//関数の宣言
function hello(){
    //関数 alert() を実行する
    alert("こんにちは\nHello");  // \n は改行を表します。
}
</script>
</head>
<body>

<button onclick="hello()">ボタンを押す</button>

</body>
</html>

・プログラムの動作
  1) ボタンを押すとクリック (click) イベントが発生し、
  2) onclick="関数名()" で記述されている関数を実行します。
    ここでは hello() を実行します。

・関数の A) 宣言と B) 実行の違いに注意。
  関数は宣言しただけではすぐに実行されません。
  関数を呼び出してはじめて実行します。

(2015-2024/01)

◎ ノート

・MDN: function 宣言

・ブラウザによってダイアログの表示の仕方が異なります。
  Firefox ではボタンを 2回以上押すとダイアログの表示を抑止するか
　どうかのメッセージが出ます。
inserted by FC2 system