<!DOCTYPE = html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>함수</title>
<script>
let color = ["red","yellow","blue","green"]
let i = 0;
function changeColor(){
i++;
if(i >= color.length){
i = 0;
};
let bodyTag = document.getElementById("theBody");
bodyTag.style.backgroundColor = color[i];
console.log("i :"+i);
console.log("color[i] :"+color[i]);
};
changeColor();
</script>
</head>
<body id="theBody">
<button onclick="changeColor();">배경색 바꾸기</button>
</body>
</html>