JavaScript File

1/* JS score counters */

2let userScore = 0;

3let computerScore = 0;

4let timer = 1500;

5/*score area and reset*/

6const userScore_span = document.getElementById("user-score");

7const computerScore_span = document.getElementById("computer-score");

8const result_p = document.getElementById("result-message");

9const reset_btn = document.getElementById("btn-reset");

10/*user choices images*/

11const rock_div = document.getElementById("urock");

12const paper_div = document.getElementById("upaper");

13const scissors_div = document.getElementById("uscissors");

14const lizard_div = document.getElementById("ulizard");

15const spock_div = document.getElementById("uspock");

16

17document.addEventListener("DOMContentLoaded", function () {

18 /*after the DOM content is loaded, the main function runs triggered by the user's choice*/

19 rock_div.addEventListener("click", function () {

20 game("rock");

21 });

22 paper_div.addEventListener("click", function () {

23 game("paper");

24 });

25 scissors_div.addEventListener("click", function () {

26 game("scissors");

27 });

28 lizard_div.addEventListener("click", function () {

29 game("lizard");

30 });

31 spock_div.addEventListener("click", function () {

32 game("spock");

33 });

34 reset_btn.addEventListener("click", resetScore);

35

36

37});

38

39function computerChoice() {

40 /*generates a random number paired with the array of computer options,

...