diff --git a/starter_code/index.html b/starter_code/index.html
index a2f6656..6fa637b 100755
--- a/starter_code/index.html
+++ b/starter_code/index.html
@@ -4,20 +4,23 @@
<!-- Enter a title for your game here -->
+ <title> Rock, Paper or Scissors
-
+
-
+
+
-
ROCK
-
PAPER
+
+
+
diff --git a/starter_code/script.js b/starter_code/script.js
index 839d178..48ef3cf 100755
--- a/starter_code/script.js
+++ b/starter_code/script.js
@@ -4,17 +4,44 @@ var aiPoint = 0;
// This function returns the selection of the computer
function getAISelection() {
//TODO: randomly choose between 'rock', 'paper', or 'scissors'
+ var random = Math.floor(Math.random * 3);
+ var choices = ["Rock", "Paper", "Scissors"];
+ return choices[random];
}
// This function picks the winner
function pickWinner(userValue, aiValue) {
//TODO: pick the correct winner: user or ai
//TODO: Add one point for the winner
+ if(userValue == aiValue){
+ return "draw";
+ } else if(userValue == "Rock"){
+ if(aiValue == "Paper"){
+ return "cpu";
+ } else {
+ return "user";
+ }
+ } else if(userValue == "Paper"){
+ if(aiValue == "Scissors"){
+ return "cpu";
+ } else {
+ return "user";
+ }
+ } else if(userValue == "Scissors"){
+ if(aiValue == "Rock"){
+ return "cpu";
+ } else {
+ return "user";
+ }
+ }
}
// This function sets the scoreboard with the correct points
function setScore() {
-
+ var userText = $('#userPoint');
+ userText.text(userPoint);
+ var aiText = $('#aiPoint');
+ aiText.text(aiPoint);
}
// This function captures the click and picks the winner
@@ -26,14 +53,17 @@ function evaluate(evt) {
if ( 'user' === winner ) {
$('#message').delay(50).text('You have won!, Click a box to play again');
+ userPoint ++;
} else if ( winner === 'draw' ) {
$('#message').delay(50).text('Draw! Click a box to play again');
} else {
$('#message').delay(50).text('You have lost!, Click a box to play again');
+ aiPoint++;
}
+ setScore();
}
// This function runs on page load
$(document).ready(function(){
-
+
});
diff --git a/starter_code/style.css b/starter_code/style.css
index 608066b..015c1b1 100755
--- a/starter_code/style.css
+++ b/starter_code/style.css
@@ -17,4 +17,8 @@
}
#message {
text-align: center;
+}
+.token img{
+ width: 200px;
+ height: 200px;
}
\ No newline at end of file
