JavaScript

You can change the background color with JavaScript.

backgroundColor

JavaScript の backgroundColor は、Webページの「背景の色」を変えるための機能です。

たとえば、ボタンをクリックしたら背景が青くなる、といった動きをつけることができます。

使い方はとてもシンプルで、対象となる要素を指定し、その style.backgroundColor に色を代入するだけです。

HTML + JavaScript

<div id="box">ここは四角い箱です</div>
<button onclick="changeColor()">色を変える</button>

<script>
	function changeColor() {
		document.getElementById("box").style.backgroundColor = "lightblue";
	}
</script>

この例では、ボタンをクリックすると <div> の背景が 水色 になります。

色の指定方法は "red" や "blue" のような色名のほか、"#ff0000" や "rgb(255, 0, 0)" といったコードでも可能です。

👉 ポイントは「style.backgroundColor に好きな色を入れると、要素の背景色が変わる」というシンプルな仕組みです。