title: Problems reading form data in HTML
body: <p>I have this <strong>HTML</strong> code that I am developing using <strong>materialize CSS</strong>. However, I cannot currently read the data from the input fields</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form id="two_player"&gt;
    &lt;div class="row"&gt;
      &lt;div class="input-field col s6"&gt;
        &lt;input placeholder="Apelido do jogador 1" id="two_player_one" type="text" class="validate"&gt;
        &lt;label for="first_name"&gt;Jogador 1:&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="input-field col s6"&gt;
        &lt;input placeholder="Apelido do jogador 2" id="two_player_two" type="text" class="validate"&gt;
        &lt;label for="player_two"&gt;Jogador 2:&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="input-field col s6"&gt;
        &lt;input placeholder="Número de cartas da 1ª rodada" id="two_player_one_round_one" type="number" min="0" max="13" class="validate"&gt;
        &lt;label for="player_one_round_one"&gt;Rodada 1:&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="input-field col s6"&gt;
        &lt;input placeholder="Número de cartas da 1ª rodada" id="two_player_two_round_one" type="number" min="0" max="13" class="validate"&gt;
        &lt;label for="player_two_round_one"&gt;Rodada 1:&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  
  </code></pre>
  
  <p>How do I read each input field with <strong>JavaScript</strong>?</p>