2

我有我的代码并且它正在工作，但我正在尝试将 parseFloat 选项和 'toFixed()' 添加到小数点后 2 位。我对这两行代码应该放在哪里感到困惑。我创建了一个单位转换网站，可以转换用户输入的英寸数并将其转换为英尺。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <center><title>Unit Coversion Table</title><center>
</head>
<body>

<div id="question">
  <h2>Unit Convertor</h2>
  <p>Enter a Quanity of Inches: <input id="userinches" type="number" /> </p>
</div>  <!-- End of question div section -->

<div id="conversion">
  <script>
    function feet() {
      var userinches = document.getElementById('userinches').value;
      doOuput('The answer is ', userinches * 0.0833);
    }

    function doOuput(val, unit) {
      document.getElementById('results').innerHTML = val + unit;
    }
  </script>
</div>  <!-- End of conversion div section -->

<div="buttons">
  <button type="button" id="buttonft" onclick="feet();">Feet</button>
</div> <!-- End of buttons div section -->

<div id="results"></div>  <!-- End of results div section -->

</body>
</html>
4

2 回答 2

4

您可以将其添加到获取输入值并将其转换为英尺的 feet() 函数中：

function feet() {
  var userinches = document.getElementById('userinches').value;
  var feetValue = parseFloat(userinches * 0.0833).toFixed(2);
  doOuput('The answer is ', feetValue);
}
于 2018-09-16T16:54:49.450 回答
0

您可以通过任何一种方式进行

  1. 在将值传递给 feet() 中的函数 doOuput() 时，或者。
  2. 在 doOuput()

工作小提琴https://codepen.io/Ashish9342/pen/YOOawR

//On key up enter or pressing enter
function checkForEnter() {
  var input = document.getElementById("userinches");
  input.addEventListener("keyup", function(event) {
    event.preventDefault();
    //check if input has a greater than zero
    if (input.value.length > 0 && event.keyCode === 13) {
      document.getElementById("buttonft").click();
    }
  });
}
checkForEnter();



// converting the value to feet in 2 fixed decimal
function feet() {
  var userinches = document.getElementById('userinches').value;
  doOuput('The answer is ', userinches * 0.0833).toFixed(2);
  //doOuput('The answer is ', userinches * 0.0833);

}

function doOuput(val, unit) {
  document.getElementById('results').innerHTML = val + unit;
  //document.getElementById('results').innerHTML = val + unit.toFixed(2);
}

于 2018-09-16T19:05:32.500 回答