document.getElementById 不捕获值 [重复]

Question

我试图获取输入“numLineas”的值，但它不起作用。我做错了什么？

这里我给你代码：

var nLineas = parseInt(document.getElementById("numLineas").value);

function prueba(){ 

    window.alert(nLineas);

}

<form action=""> 
    <label for="numLineas">Con cuantas lineas deseas dibujar la curva?</label><br>
    <input type="text" id="numLineas"><br>
</form>
<br>
<button type="button" onclick="prueba()">Ingresar</button> 
<br>
   
<!--<script src="practica7_CurvaPersonalizada.js"></script>-->

在警报中只出现 NaN，无论我在那里写什么（数字或字符串）。请帮忙！

Answer 1

这里有几点：

• var nLineas = document.getElementById("numLineas").value; 应该放在 'onclick' 方法中，以更好地表明它是基于每次点击读取的。

• 在调用parseInt之前，使用方法isNaN验证你正在读取的值是一个int

• 使用document.getElementById().onclick=prueba 可以更好地为我分配该元素的功能。

• window.alert("nLineas"); 只会返回nLineas。要获取您设置的变量的值，请使用不带引号的变量，例如console.log(nLineas)

document.getElementById("button").onclick = prueba;

function prueba() {
  var nLineas = document.getElementById("numLineas").value;
  if (!isNaN(nLineas)) {
    console.log("nLineas is a int");
    nLineas = parseInt(nLineas);
  }
  console.log("nLineas is " + nLineas);
}

<form action="">
  <label for="numLineas">Con cuantas lineas deseas dibujar la curva?</label><br>
  <input type="text" value="test" id="numLineas"><br>
</form>
<br>
<button id="button" type="button">Ingresar</button>
<br>
<script src="practica7_CurvaPersonalizada.js"></script>