<!DOCTYPE html>
<html lang="ja">
<head>
<title>boka-n</title>
<style>
body {
background-color: red; /* 最初は赤い背景 */
}
</style>
<script type="text/javascript">
function checkAnswer(number) {
var winners = [3, 7]; // 当たりの数字を設定
var isWinner = winners.includes(number);
if (isWinner) {
document.body.style.backgroundColor = 'white'; // 背景色を白に変更
document.getElementById('message').innerHTML = '当たり!';
} else {
document.getElementById('message').innerHTML = 'ハズレ';
}
}
</script>
</head>
<body>
<h1>当たりを押せ!</h1>
<div>
<p onclick="checkAnswer(1)">1</p>
<p onclick="checkAnswer(2)">2</p>
<p onclick="checkAnswer(3)">3</p>
<p onclick="checkAnswer(4)">4</p>
<p onclick="checkAnswer(5)">5</p>
<p onclick="checkAnswer(6)">6</p>
<p onclick="checkAnswer(7)">7</p>
<p onclick="checkAnswer(8)">8</p>
<p onclick="checkAnswer(9)">9</p>
<p onclick="checkAnswer(10)">10</p>
</div>
<p id="message"></p>
</body>
</html>
”2022-Araki”