Counting wins and losses isn't working… Why?
I am making the Rock-Paper-Scissors-Lizard-Spock game using jQuery. Most of the code works until I try to add the wins and losses at the end of the code. It counts every game as a win currently. I need it to count losses as well. What is going wrong?
// JavaScript Document
$(function(){
var numberPicked;
$('#Rock1').click(function(){
numberPicked = 1;
$('#displayOne').html('<img src="images/rock.gif" />') });
$('#Paper1').click(function(){
numberPicked = 2;
$('#displayOne').html('<img src="images/paper.gif" />') });
$('#Scissors1').click(function(){
numberPicked = 3;
$('#displayOne').html('<img src="images/scissors.gif" />') });
$('#Lizard1').click(function(){
numberPicked = 4;
$('#displayOne').html('<img src="images/lizard.gif" />') });
$('#Spock1').click(function(){
numberPicked = 5;
$('#displayOne').html('<img src="images/spock.gif" />') });
$('#btnGo').click(function(){
var number = 1 + Math.floor(Math.random() * 5);
//alert("works");
//$('#displayTwo').html(number) });
if (number == 1){
$('#displayTwo').html('<img src="images/rock2.gif" />');
} else if (number == 2){
$('#displayTwo').html('<img src="images/paper2.gif" />');
} else if (number == 3){
$('#displayTwo').html('<img src="images/scissors2.gif" />');
} else if (number == 4){
$('#displayTwo').html('<img src="images/lizard2.gif" />');
} else if (number == 5){
$('#displayTwo').html('<img src="images/spock2.gif" />');
}
var ROCK = 1; var PAPER = 2; var SCISSORS = 3; var LIZARD = 4; var SPOCK = 5;
var message = 'You Win';
if (numberPicked == number){
message = 'You Tied';
} else if (numberPicked == ROCK){
if (number == SPOCK || number == PAPER){
message = 'You Lose';
}
} else if (numberPicked == PAPER){
if (number == SCISSORS || number == LIZARD){
message = 'You Lose';
}
} else if (numberPicked == SCISSORS){
if (number == SPOCK || number == ROCK){
message = 'You Lose';
}
} else if (numberPicked == LIZARD){
if (number == SCISSORS || number == ROCK){
message = 'You Lose';
}
} else if (numberPicked == SPOCK){
if (number == LIZARD || number == PAPER){
message = 'You Lose';
}
}
$('#displayWinner').html(message);
var currentValueOne = parseInt($("#playerOneScore").text(),10);
var currentValueTwo = parseInt($("#playerTwoScore").text(),10);
var newValueOne = parseInt(currentValueOne) + 1;
var newValueTwo = parseInt(currentValueTwo) + 1;
if (message = 'You Win'){
$('#playerOneScore').text(newValueOne);
} else {
$('#playerTwoScore').text(newValueTwo);
}
});
});