【J01】
画像クリックでアラートを表示するJavaScriptを記述しなさい。
- cursor: pointer;→マウスが出る
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【J01】イベントハンドラの練習</title> <style type="text/css"> /*マウスが出る*/ p img { cursor: pointer; } </style> </head> <body> <p> <img src="inu.jpg" width="500" height="375" alt="柴犬の画像" onClick="alert( '犬のそらです♪' )"> </p> </body> </html>
【J06】
ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。(質問と答えは自由。)
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【J06】イベントハンドラの練習</title> <script> function ans(){ var answer = ("YouTube"); alert(answer ); } </script> </head> <body> <p>問題</p> <p>インターネット動画共有サービスでもっとも有名なものは?<br> <button onClick="ans()">答えを見る</button></p> </body> </html>