title: Identifier already declared - Identifier 'userScore' has already been declared
body: <p>Very new to JS and trying to create a Rock Paper Scissors game. I'm only just starting on the JS side of things and I am hitting an error on line 1 when declaring a const.</p>
  
  <p>I've seen if this was an issue with userScore and userScore_Span conflicting
  by removing the latter. 
  Also if i remove line 1 then i get the same error for line 2.</p>
  
  <p>Identifier 'userScore' has already been declared</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//Initialising the variables
  const userScore = 0;
  const computerScore = 0;
  const userScore_span = document.getElementById("user-score");
  const computerScore_span = document.getElementById("comp-score");
  const scoreBoard_div = document.querySelector(".score-board");
  const result_div = document.querySelector(".result");
  const rock_div = document.getElementById("r");
  const paper_div = document.getElementById("p");
  const scissors_div = document.getElementById("s");
  
  //This is the entire js file</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import url('https://fonts.googleapis.com/css?family=Asap&amp;display=swap');
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Asap, sans-serif;
  }
  
  body {
    background: #292C34;
  }
  
  header {
    background: white;
    padding: 20px
  }
  
  header &gt; h1 {
    color: #252728;
    text-align: center;
    font-size: 48px;
  }
  
  .score-board {
    margin: 20px auto;
    border: 3px solid white;
    border-radius: 3px;
    text-align: center;
    padding: 15px 20px;
    width: 200px;
    color: white;
    font-size: 46px;
    position: relative;
  }
  
  .badge {
    background: red;
    color: white;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
  }
  
  #user-label {
    position: absolute;
    top: 40px;
    left: -20px;
  }
  
  #comp-label {
    position: absolute;
    top: 40px;
    right: -30px;
  }
  
  .result &gt; p {
    text-align: center;
  }
  
  .result {
    font-size: 40px;
    color: white;
  }
  
  .choices {
    margin: 40px;
    text-align: center;
  }
  
  .choice {
    border: 4px solid white;
    display: inline-block;
    border-radius: 50%;
    padding: 10px;
    margin: 0 20px;
    transition: all 0.6s ease;
  }
  .choice:hover {
    cursor: pointer;
    background: #24273E;
  }
  
  #action-message {
    text-align: center;
    color: white;
    font-weight: bold;
    margin-top: 10px;
    font-size: 32px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" dir="ltr"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Rock Paper Scissors&lt;/title&gt;
      &lt;link rel="stylesheet" href="styles.css"&gt;
      &lt;script src="app.js" charset="utf-8"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;header&gt;
        &lt;h1&gt;Rock Paper Scissors&lt;/h1&gt;
      &lt;/header&gt;
  
      &lt;div class="score-board"&gt;
        &lt;div id="user-label" class="badge"&gt;User&lt;/div&gt;
        &lt;div id="comp-label" class="badge"&gt;Comp&lt;/div&gt;
        &lt;span id="user-score"&gt;0&lt;/span&gt;:&lt;span id="comp-score"&gt;0&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="result"&gt;
        &lt;p&gt;Paper covers rock. You Win!&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="choices"&gt;
        &lt;div class="choice" id="r"&gt;
          &lt;img src="images/rock.png" alt=""&gt;
        &lt;/div&gt;
        &lt;div class="choice" id="p"&gt;
          &lt;img src="images/paper.png" alt=""&gt;
        &lt;/div&gt;
        &lt;div class="choice" id="s"&gt;
          &lt;img src="images/scissors.png" alt=""&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;p id="action-message"&gt;Make Your Move&lt;/p&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>