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

JavaScript

2019.12.13

以下の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>