script.js

let [computer_score, user_score] = [0, 0];
let result_ref = document.getElementById("result");
let btn_restart = document.getElementById("restart");
let weapons = document.getElementById("weapons");

let choices_object = {
  rock: {
    rock: "draw",
    scissor: "win",
    paper: "lose",
  },
  scissor: {
    rock: "lose",
    scissor: "draw",
    paper: "win",
  },
  paper: {
    rock: "win",
    scissor: "lose",
    paper: "draw",
  },
};

function checker(input) {
  var choices = ["rock", "paper", "scissor"];
  var num = Math.floor(Math.random() * 3);

  document.getElementById(
    "comp_choice"
  ).innerHTML = ` Computer choose <span> ${choices[num].toUpperCase()} </span>`;

  document.getElementById(
    "user_choice"
  ).innerHTML = ` You choose <span> ${input.toUpperCase()} </span>`;

  let computer_choice = choices[num];

  switch (choices_object[input][computer_choice]) {
    case "win":
      result_ref.style.cssText = "background-color: #cefdce; color: #689f38";
      result_ref.innerHTML = "YOU WIN";
      user_score++;
      break;
    case "lose":
      result_ref.style.cssText = "background-color: #ffdde0; color: #d32f2f";
      result_ref.innerHTML = "YOU LOSE";
      computer_score++;
      break;
    default:
      result_ref.style.cssText = "background-color: #e5e5e5; color: #808080";
      result_ref.innerHTML = "DRAW";
      break;
  }

  document.getElementById("computer_score").innerHTML = computer_score;
  document.getElementById("user_score").innerHTML = user_score;

  weapons.addEventListener("click", () => {
    btn_restart.style.display = "block";
  });
}