将°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. 您需要修改spanwith类,text2因为您实际上想要添加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>