JavaScript課題:見出しタグを書き換える

JavaScript

以下のHTMLソースコードを参考にボタンをクリックすると見出しタグ(h1タグ)の文字を書き換えるよう修正しなさい。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ホームページを書き換える1</title>
	<script>
		function changeText(){
			document.getElementById("target").innerHTML = "おっす。おら悟空!";
		}
	</script>
</head>
<body>
	<h1>ホームページを書き換える1</h1>
	<p>
		<input type="button" value="押してね!" onclick="changeText()">
	</p>
	<p id="target">ぼく太郎!</p>
</body>
</html>

解答例

h1タグにid=”target”を設定した。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ホームページを書き換える1</title>
	<script>
		function changeText(){
			document.getElementById("target").innerHTML = "おっす。おら悟空!";
		}
	</script>
</head>
<body>
	<h1 id="target">ホームページを書き換える1</h1>
	<p>
		<input type="button" value="押してね!" onclick="changeText()">
	</p>
	<p>ぼく太郎!</p>
</body>
</html>

コメント