Game Name
Game Name
Instructions: How to play the game
#title {
text-align: center;
}
#instructions {
text-align: center;
font-style: italic;
font-size: 14px;
color: #333;
}
#score {
text-align: center;
font-weight: bold;
font-size: 18px;
}
#game-board {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
button {
width: 200px;
height: 50px;
background-color: #333;
color: #fff;
font-size: 18px;
}
#winner {
text-align: center;
font-size: 22px;
font-weight: bold;
margin-top: 20px;
}
/* JavaScript */
const player1Button = document.getElementById(‘player1-button’);
const player2Button = document.getElementById(‘player2-button’);
let player1Score = 0;
let player2Score = 0;
player1Button.addEventListener(‘click’, () => {
player1Score++;
document.getElementById(‘player1’).innerHTML = Player 1: ${player1Score};
checkWinner();
});
player2Button.addEventListener(‘click’, () => {
player2Score++;
document.getElementById(‘player2’).innerHTML = Player 2: ${player2Score};
checkWinner();
});
const checkWinner = () => {
if (player1Score === 5) {
document.getElementById(‘winner’).innerHTML = ‘Winner: Player 1’;
} else if (player2Score === 5) {
document.getElementById(‘winner’).innerHTML = ‘Winner: Player 2’;
}
}
Share a Message
Share a Message
Share a Message
Share a Message
