剪刀石头布游戏人机交互HTML,HTML5 剪刀石头布小游戏

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

var humanScore = 0;

var computerScore = 0;

document.getElementById('rock').onclick = playRock;

document.getElementById('paper').onclick = playPaper;

document.getElementById('scissors').onclick = playScissors;

function playRock() {

play("rock");

}

function playPaper() {

play("paper");

}

function playScissors() {

play("scissors");

}

function play(humanPlay) {

computerPlay = getComputerPlay();

document.getElementById('status').innerHTML = "

You played " + humanPlay + ". The bot played " + computerPlay + ".

";

if (humanPlay == 'rock') {

if (computerPlay == 'rock') {

document.getElementById('status').innerHTML += "

You tied. :|

";

} else if (computerPlay == 'paper') {

document.getElementById('status').innerHTML += "

You lose. :(

";

computerScore++;

} else if (computerPlay == 'scissors') {

document.getElementById('status').innerHTML += "

You win! :)

";

humanScore++;

}

} else if (humanPlay == 'paper') {

if (computerPlay == 'rock') {

document.getElementById('status').innerHTML += "

You win! :)

";

humanScore++;

} else if (computerPlay == 'paper') {

document.getElementById('status').innerHTML += "

You tied. :|

";

} else if (computerPlay == 'scissors') {

document.getElementById('status').innerHTML += "

You lose. :(

";

computerScore++;

}

} else if (humanPlay == 'scissors') {

if (computerPlay == 'rock') {

document.getElementById('status').innerHTML += "

You lose. :(

";

computerScore++;

} else if (computerPlay == 'paper') {

document.getElementById('status').innerHTML += "

You win! :)

";

humanScore++;

} else if (computerPlay == 'scissors') {

document.getElementById('status').innerHTML += "

You tied. :|

";

}

}

document.getElementById('humanScore').innerHTML = humanScore;

document.getElementById('computerScore').innerHTML = computerScore;

}

function getComputerPlay() {

var plays = ['rock', 'paper', 'scissors'];

var play = plays[Math.floor(Math.random() * plays.length)];

return play;

}