将用户输入的值提取到函数中,并在调用时调用函数

时间:2018-11-09 14:05:55

标签: javascript html

function toCelsius(f) {
  return (5 / 9) * ('temperature' - 32);
}
<h2>JavaScript Functions</h2>

<p>This example calls a function to convert from Fahrenheit to Celsius:</p>

<br> Enter Temperature <br>
<input type="number" name="temperature" "temperature"> <br><br>

<button type="button" onclick="toCelsius(f)"> Translate </button>

使用JS,我要完成的工作是能够将用户输入的数字输入“ toCelsius”功能的“温度”输入中,然后单击按钮调用“ toCelsius”。

最终目的是使用户能够以华氏度输入温度,然后将其转换为摄氏度

2 个答案:

答案 0 :(得分:4)

  1. 您不能通过(f)-而是在函数中读取
  2. 您需要显示结果-在这里我使用跨度
  3. JS Math可以创建有趣的小数。我使用toFixed摆脱了它们。您可以添加一个数字-toFixed(2)以显示所需的小数位数
  4. 您还可以使用Math.round或Math.floor向下舍入

function toCelsius() {
  var f = document.getElementById("temperature").value || 0; // Zero if nothing
  document.getElementById("result").innerHTML=((5 / 9) * (f - 32)).toFixed();
}
<h2>JavaScript Functions</h2>

<p>This example calls a function to convert from Fahrenheit to Celsius:</p>

Enter Temperature <br>
<input type="number" name="temperature" id="temperature"> <br><br>

<button type="button" onclick="toCelsius()"> Translate </button><br/>
Result: <span id="result"></span>°C

答案 1 :(得分:1)

提取(获取)输入值的一种方法是使用jquery或DOM。

document.getElementByName('temperature').value

$("#temperature").val()

是访问输入的方法。