Javascript getElementById().value 在输入元素上返回 undefined [关闭]

Question

我正在尝试制作一个小型 Web 应用程序，我需要从输入元素中获取值并将它们推送到数组中，次数不定。

我第一次这样做时它返回undefined，第二次它推送第一个值 x1 和 x2 的次数，但不是第二个值。

list 和 entree 是全局变量。

function winner() 尚未被调用。

是的，在按下任何按钮之前，我都会在两个输入中输入一些内容。

var list = [];
var entree;

function addToList() {
  if (document.getElementById("Name")) {
    console.log("addToList triggered");
    entree = document.getElementById("Name").value
    for (i = 0; i < document.getElementById("Lose").value; i++) {
      list.push(entree);
    }
  }
}

function ausgeben() {
  for (j = 0; j < list.length; j++) {
    document.write(list[i] + " ");
  }
}

<label for="Name">Name</label>
<br>
<input type="text" name="Name" id="Name" maxlength="30">
<br>
<label for="Lose">Lose        </label>
<br>
<input type="Int" name="Lose" id="Lose" maxlength="40">
<br>
<button type="reset">Eingaben zurücksetzen</button>
<br>
<button onclick="addToList()">Eingaben absenden</button>
<button onclick="winner()">Los Ziehen</button>
<button onclick="ausgeben()">ausgeben</button>

Answer 1

您在 for 循环中使用了i 而不是j，因此undefined 因为list[undefined]===undefined。

var list=[], entree;
function addToList(){
    if(document.getElementById("Name")){
        console.log("addToList triggered");
        entree = document.getElementById("Name").value  
        for(i=0; i<document.getElementById("Lose").value; i++){
            list.push(entree);
        }
    }
}
function ausgeben(){
    for(j=0;j<list.length;j++){
    // you used i instead of j, hence "undefined"
        document.write(list[j] + " ");
    }
}

<label for="Name">Name</label> 
    <br>
    <input type="text" name="Name" id="Name" maxlength="30">
    <br>
    <label for="Lose">Lose        </label>  
    <br>
    <input type="Int" name="Lose" id="Lose" maxlength="40">
    <br>
    <button type="reset">Eingaben zurücksetzen</button>


<br>
<button onclick="addToList()">Eingaben absenden</button>
<button onclick="winner()">Los Ziehen</button>
<button onclick="ausgeben()">ausgeben</button>