HTML
<!DOCTYPE html>
<html>
<head>
<title>Vanilla Challenge</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="src/style.css" />
</head>
<body>
<button>Give me color</button>
<script src="src/index.js"></script>
</body>
</html>JS
const body = document.querySelector("body");
const btn = document.querySelector("button");
function onClickHandler() {
const color1 = colors[Math.floor(Math.random() * colors.length)];
const color2 = colors[Math.floor(Math.random() * colors.length)];
body.style.backgroundImage = `linear-gradient(0.25turn, ${color1}, ${color2})`;
}
btn.addEventListener("click", onClickHandler);
안녕하세요! 만나서 반갑습니다!