javascript - 将 °C 转换为 °F

Question

我是 Javascript 的初学者，我想将 °C 转换为 °F，所以我做了这个程序，但它不起作用。

function convertisseur() {
  var celsius = parseInt(document.getElementById("celsius").value);
  var fara = celsius * 1.8 + 32.0;
  document.getElementById("text").innerHTML = celsius;
  document.getElementById("text2").innerHTML = fara;
}

<form action="" class="formulaire">
      <input type="text" placeholder="Température en °C" id="celsius">
      <input type="submit" value="Valider" onclick="convertisseur()">
</form>

<p><span id="text"></span>°C équivaut à <span class="text2"></span>°F</p>

Answer 1

三件事:

1. 您需要阻止按钮的默认行为以避免表单提交。
2. 您需要使用 text2 类修改 span，因为您实际上想要添加一个 id。
3. 您需要传递隐式对象event，如下所示:onclick="convertisseur(event)"

function convertisseur(e) {
  e.preventDefault();
  var celsius = parseInt(document.getElementById("celsius").value);
  var fara = celsius * 1.8 + 32.0;
  document.getElementById("text").innerHTML = celsius;
  document.getElementById("text2").innerHTML = fara;
}

<form action="" class="formulaire">
  <input type="text" placeholder="Température en °C" id="celsius">
  <input type="submit" value="Valider" onclick="convertisseur(event)">
</form>
</div>

<p><span id="text"></span>°C équivaut à <span id="text2"></span>°F</p>

我建议您使用函数addEventListener

document.getElementById('button').addEventListener('click', convertisseur);

function convertisseur(e) {
  e.preventDefault();
  var celsius = Number(document.getElementById("celsius").value);
  var fara = celsius * 1.8 + 32.0;
  document.getElementById("text").innerHTML = celsius;
  document.getElementById("text2").innerHTML = fara;
}

<form action="" class="formulaire">
  <input type="text" placeholder="Température en °C" id="celsius">
  <input id='button' type="submit" value="Valider">
</form>

<p><span id="text"></span>°C équivaut à <span id="text2"></span>°F</p>