| 88 | }); |
| 89 | |
| 90 | function playGame(playerMove) { |
| 91 | const computerMove = pickComputerMove(); |
| 92 | |
| 93 | let result = ''; |
| 94 | |
| 95 | if (playerMove === 'scissors') { |
| 96 | if (computerMove === 'rock') { |
| 97 | result = 'You lose.'; |
| 98 | } else if (computerMove === 'paper') { |
| 99 | result = 'You win.'; |
| 100 | } else if (computerMove === 'scissors') { |
| 101 | result = 'Tie.'; |
| 102 | } |
| 103 | |
| 104 | } else if (playerMove === 'paper') { |
| 105 | if (computerMove === 'rock') { |
| 106 | result = 'You win.'; |
| 107 | } else if (computerMove === 'paper') { |
| 108 | result = 'Tie.'; |
| 109 | } else if (computerMove === 'scissors') { |
| 110 | result = 'You lose.'; |
| 111 | } |
| 112 | |
| 113 | } else if (playerMove === 'rock') { |
| 114 | if (computerMove === 'rock') { |
| 115 | result = 'Tie.'; |
| 116 | } else if (computerMove === 'paper') { |
| 117 | result = 'You lose.'; |
| 118 | } else if (computerMove === 'scissors') { |
| 119 | result = 'You win.'; |
| 120 | } |
| 121 | } |
| 122 | |
| 123 | if (result === 'You win.') { |
| 124 | score.wins += 1; |
| 125 | } else if (result === 'You lose.') { |
| 126 | score.losses += 1; |
| 127 | } else if (result === 'Tie.') { |
| 128 | score.ties += 1; |
| 129 | } |
| 130 | |
| 131 | localStorage.setItem('score', JSON.stringify(score)); |
| 132 | |
| 133 | updateScoreElement(); |
| 134 | |
| 135 | document.querySelector('.js-result').innerHTML = result; |
| 136 | |
| 137 | document.querySelector('.js-moves').innerHTML = `You |
| 138 | <img src="images/${playerMove}-emoji.png" class="move-icon"> |
| 139 | <img src="images/${computerMove}-emoji.png" class="move-icon"> |
| 140 | Computer`; |
| 141 | } |
| 142 | |
| 143 | function updateScoreElement() { |
| 144 | document.querySelector('.js-score') |