javascript - 制作点击事件函数

标签 javascript dom-events

<script type='text/javascript'>
  var farhen;
  var celesius;
  var kelvin;
 
  function FtoC() {
      farhen = document.getElementById("F").value
      var para = document.getElementById("R")
      celesius = ((farhen - 32) / 1.8).toFixed(1);
      para.innerHTML = farhen + " degress in farhenheit is " + celesius + " in      centigrade" + "<br>";
  }

  function FtoK() {
      farhen = document.getElementById("C").value
      var para1 = document.getElementById("L")
      kelvin = ((farhen - 32) / 1.8 + 273).toFixed(1);
      para1.innerHTML = farhen + "degress in farhenheit is " + Kelvin + " in           kelvins" + '<br>';
  }

</script>
<h1>Farhenheit Convertor</h1>
<p>
Input degrees in Fahrenheit to convert to Celsius
<input type = "text" id = "F"  /> 
<button type="button" Onclick="FtoC();">Click Me!</button>
</p>
<p id="R"></p> 
<p>
Input degrees in Fahrenheit to convert to Kelvin
<input type = "text" id = "C"  /> 
<button type="button" Onclick="FtoK();">Click Me!</button>
</p>
<p id="L"></p> 

</body>

如何使第二个事件不起作用有人可以告诉我为什么它可能不起作用以及如何修复它?我正在尝试制作一个简单的转换器。

最佳答案

FtoK() 函数中连接输出字符串时,不应将 Kelvin 大写。应该是这样的:

  function FtoK() {
      farhen = document.getElementById("C").value
      var para1 = document.getElementById("L")
      kelvin = ((farhen - 32) / 1.8 + 273).toFixed(1);
      para1.innerHTML = farhen + "degress in farhenheit is " + kelvin + " in           kelvins" + '<br>';
  }

关于javascript - 制作点击事件函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20727074/

相关文章:

javascript - 使用 ng-sortable 禁用页面滚动

javascript - 用javascript调用外部网页(跨域)

javascript - 在弹出窗口的父页面提交表单

javascript - 如何使用 post 方法将基于条件的数组变量传递给 PHP

javascript - Chart.js图表​​onclick禁用图例onclick

javascript - 当值为 null 或空时隐藏 DIV

javascript - ZF2-无法在 zend Framework 2 上使用 jQuery.ajax 访问 Controller 操作

javascript - native .click() 在 Chrome 57 中不触发 Blob 下载

关于图像加载 IE 问题的 JavaScript/jQuery 事件监听器

javascript - 在 <div> 元素上如何确定 href 和 onClick 调用的优先级?