Untitled

<html>
  <head>
    <title>ROCK! PAPER! SCISSORS!</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
    <script type="text/javascript" src="javascript/javascript.js"></script>
  </head>
  <body>
    <h1>Rock, Paper, Scissors</h1>

    <h3>Choose your method of destruction:</h2>
    <div>
      <img class="image" id="0" src="images/rock.png" alt="ROCK" onclick="pChoice(this)"/>

      <img class="image" id="1" src="images/paper.png" alt="PAPER" onclick="pChoice(this)"/>

      <img class="image" id="2" src="images/scissors.png" alt="SCISSORS" onclick="pChoice(this)"/>
    </div>

    <h3>The computer chooses:</h2>

    <div class="result">
        <img id="cpu_image" src="" alt=""/>
        <p id="result_text"></p>
    </div>

    <div class="score">
      <p><u><b>Score</b></u></p>
      <p id="pwin_text">You: </p>
      <p id="cwin_text">Computer: </p>
    </div>
  </body>
</html>

if (e.id == cpu_choice)
      {
          resultText.innerHTML = "It's a Tie!";
          setTimeout(reset(e, cpuImage), 2000);
      }
      else if (((e.id - cpu_choice) + 3) % 3 === 1)
      {
          resultText.innerHTML = "You Win!";
          player_win++;
          playerWin.innerHTML = "You: "+player_win;
          setTimeout(reset(e, cpuImage), 2000);
      }
      else
      {
         resultText.innerHTML = "You Lose!";
         cpu_win++;
         cpuWin.innerHTML = "Computer: "+cpu_win;
         setTimeout(reset(e, cpuImage), 2000);
      }
    }

    function reset(e, cpuImage)
    {
        e.style.border = "3px solid white";
        cpuImage.src = "";
    }