Warum kann meine HTML-Seite Benutzereingaben nicht als variable Daten empfangen und speichern?

Question

Bedenken Sie den Code, den ich habe:

var g = document.getElementById("al").value;

function start() {
  document.getElementById("test2").innerHTML = typeof(g) + parseFloat(g);
}

<p id="test2">输出在这里：</p>
<form>
  <label for="g">a:</label>
  <input type="number" id="al" name="g" placeholder="输入a" value="55">
  <button onclick="start()" type="button">这里</button>
</form>

Wenn ich auf die Schaltfläche klicke, erhalte ich als Ausgabe string55, unabhängig von den Benutzereingaben. Ich möchte das Problem beheben und die 55 durch die tatsächliche Eingabe des Benutzers ersetzen. Was ist also die Lösung?

Answer 1

您需要从函数中获取值：

function start() {
  var g = document.getElementById("al").value;
  document.getElementById("test2").innerHTML = typeof(g) + parseFloat(g);
}

<p id="test2">输出在这里：</p>
<form>
  <label for="g">a:</label>
  <input type="number" id="al" name="g" placeholder="输入a" value="55">
  <button onclick="start()" type="button">这里</button>
</form>