|
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>クリック元に応じたメッセージを変更する</title>
<script>
function PrintMessage(n) {
var s;
if (n == 0) s = "読み込み完了だぜ！";
if (n == 1) s = "リンクをクリックしたぜ！";
if (n == 2) s = "画像をクリックしたぜ！";
if (n == 3) s = "Aボタンをクリックしたぜ！";
if (n == 4) s = "Bボタンをクリックしたぜ！";
document.getElementById("ji").innerHTML = s;
}
</script>
</head>
<body onLoad="PrintMessage(0)">
<span id="ji">地の文だぜ！</span><br>
<a href="JavaScript:PrintMessage(1)">リンクをクリックする</a><br><br>
<img src="image.png" onClick="PrintMessage(2)"><br><br>
<input type="button" value="Aボタン" onClick="PrintMessage(3)"></a><br><br>
<button type="button" onClick="PrintMessage(4)"><img src="b_btn.png"></button>
</body>
</html>
|
|
