Javascript Can'；t从html表单访问值属性-uknown行为

我有这个html表单，我无法访问字段的value属性，因为某些原因我不知道

<form id="player">
  <div class="row">
    <div class="input-field col s6">
      <input placeholder="Player 1" id="two_player_one" type="text" class="validate">
      <label for="two_player_one">Player 1:</label>
    </div>
    <div class="input-field col s6">
      <input placeholder="Player 2" id="two_player_two" type="text" class="validate">
      <label for="two_player_two">Player 2:</label>
    </div>
  </div>
  <div class="row">
    <div class="input-field col s6">
      <input placeholder="Cards in the first round" id="two_player_one_round_one" type="number" min="0" max="13" class="validate">
      <label for="two_player_one_round_one">Round 1:</label>
    </div>
    <div class="input-field col s6">
      <input placeholder="Cards in the first round" id="two_player_two_round_one" type="number" min="0" max="13" class="validate">
      <label for="two_player_two_round_one">Round 1:</label>
    </div>
  </div>
<div class="row">
            <div class="input-field">
              <input type="button" class="btn grey lighten-1" value="Enviar">
            </div>
</form>

然而，日志中唯一显示的是html标记，但是当我尝试访问该值时，它没有显示任何内容。我尝试过将submit按钮的类型从submit更改为button，但似乎没有任何效果。 下面是表单和控制台的屏幕截图。

---

您什么时候运行代码？（还有

标签

元素上的所有

属性都指向错误的输入）我在body标签的末尾运行。我更正了标签，但是没有任何影响。在输入元素中输入文本后，需要运行代码。否则，您将得到它们的初始值，该值为空。您需要运行代码以响应某些事件或用户操作，例如当用户单击submit按钮时。它工作正常，谢谢。
let two_player_one = document.getElementById('two_player_one');
let two_player_two = document.getElementById('two_player_two').value;
let two_player_one_round_one = document.getElementById('two_player_one_round_one').value;
let two_player_two_round_one = document.getElementById('two_player_two_round_one').value;
console.log(two_player_one, two_player_two, two_player_one_round_one, two_player_two_round_one);