Rock Paper Scissors Script
<script>
const choices = ['stone', 'paper', 'scissor'];
let userScore = 0;
let computerScore = 0;
function getComputerChoice() {
return choices[Math.floor(Math.random() * choices.length)];
}
function getResult(user, computer) {
if (user === computer) return "It's a draw!";
if (
(user === 'stone' && computer === 'scissor') ||
(user === 'paper' && computer === 'stone') ||
(user === 'scissor' && computer === 'paper')
) {
userScore++;
return "You win!";
} else {
computerScore++;
return "You lose!";
}
}
function updateScoreboard() {
document.getElementById('user-score').textContent = `You: ${userScore}`;
document.getElementById('computer-score').textContent = `Computer: ${computerScore}`;
}
document.querySelectorAll('.choice-btn').forEach(btn => {
btn.addEventListener('click', () => {
const userChoice = btn.getAttribute('data-choice');
const computerChoice = getComputerChoice();
const result = getResult(userChoice, computerChoice);
document.getElementById('result').textContent =
`You chose ${userChoice}. Computer chose ${computerChoice}. ${result}`;
updateScoreboard();
});
});
document.getElementById('reset-btn').addEventListener('click', () => {
userScore = 0;
computerScore = 0;
updateScoreboard();
document.getElementById('result').textContent = 'Make your move!';
});
</script>
Public Last updated: 2026-08-25 08:47:08 AM