JavaScriptにおけるDOM操作の基礎

前回のレッスンでは、JavaScript言語の基本機能を学びました。このレッスンからは、JavaScriptが本来意図されている目的、つまりHTMLページの要素を変更し、ユーザーの操作に反応することに取り組み始めます。私たちのスクリプトは、より視覚的で有用なものになるでしょう。

これ以降のすべてのレッスンでは、あなたのJavaScriptコードは、それがアクセスするHTMLコードの下に配置する必要があります。つまり、あなたのコードの構造は次のようになるべきです：

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		あなたのhtmlタグ
		
		<script>
			あなたのJavaScriptコード
		</script>
	</body>
</html>

あるいは、JavaScriptコードを別ファイルに書く場合は次のようになります：

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		あなたのhtmlタグ
		
		<script src="index.js"></script>
	</body>
</html>

今後、簡潔さのために完全なコードは示さず、 HTML部分に何を書く必要があるか、そして何をJavaScript部分に書く必要があるかを単に示すことにします。

指定されたコード構造のファイルを作成してください。