ボタンをクリックすると警告文を表示する
| <html> <head> <script language="JavaScript"> <!-- function showMessage(message){ window.alert(message); } //--> </script> </head> <body> <center> ボタンをクリックしてみましょう<br><br> <form> <input type="button" value="朝の挨拶" onclick="showMessage('おはよう!')"><br> <input type="button" value="昼の挨拶" onclick="showMessage('こんにちは!')"><br> <input type="button" value="夜の挨拶" onclick="showMessage('こんばんは!')"><br> </form> </center> </body> </html> |
| 【解説】 関数「showMessage」ボタンを押したときの動作 引数「message」警告文の表示 【関数の定義】5行目から7行目 function 関数の宣言 showMessage 関数の名前(自由) (message) 引数の指定 { 関数の内容の始まり window.alert 関数の内容 ; 命令文の区切り } 関数の内容の終わり ここではボタンを押したときの処理を関数としてあらかじめ 処理する内容を決めています。 その内容は必ずscriptタグで囲み、先頭を<!--、末端を//-->とします。 関数はshowMessageを定義しました。引数はmessageとし、 {}で囲んだ内容が関数が行う処理です。 |