Pourquoi ma page HTML ne peut-elle pas recevoir et stocker les entrées de l'utilisateur sous forme de données variables ?

Question

Considérez le code que j'ai :

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>

Lorsque je clique sur le bouton, le résultat que j'obtiens est string55, quelles que soient les entrées de l'utilisateur. Je veux le réparer et remplacer le 55 par l'entrée réelle de l'utilisateur. Alors, quelle est la solution ?

Answer 1

Vous devez obtenir la valeur de la fonction :

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>