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

37function computerChoice() {

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

39 temporary shows the correspondant computer choice*/

40 const computerDraws = ["rock", "paper", "scissors", "lizard", "spock"];

...