アラート

【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>