javaScript將兩個數字相乘並將結果顯示到第三個html輸入中

Question

我試圖從html表單中獲取一個數字，然后將其與我的JavaScript函數中的一個數字相乘，然后在另一個html輸入中顯示結果。 我要的是，當用戶單擊結果輸入區域時，僅顯示乘法結果。

<script type="text/javascript">
  function myFunction() {
    var y = document.getElementById("km").value;
    var z = 14;
    var x = y * z;
    document.getElementById("bill").innerHTML = x;


  }
<table>
<tr> 
   <td>Total Kms Run</td>
   <td><input type="text" id="km" name="km" required>
   </tr>
    <tr> 
   <td>Total Bill</td>
   <td><input type="text" id = "bill" name="bill" required onclick="myFunction()">
   </tr>
</table

Answer 1

您在添加數字，而不是將它們相乘:)。

除此之外， input沒有innerHTML ，您需要設置value ：

document.getElementById("bill").value = x;

Answer 2

做這樣的改變

<script type="text/javascript">
  function myFunction() {

   var y = document.getElementById("km").value;
    var z = 14;
    var x = y * z;
    document.getElementById("bill").value = x;


  }</script>

Answer 3

您在HTML中犯了許多語法錯誤

 function myFunction() { var y = document.getElementById("km").value; var z = 14; var x = Number(y) * Number(z); document.getElementById("bill").value = x; } 

 <table> <tr> <td>Total Kms Run</td> <td><input type="text" id="km" name="km" required ></td> </tr> <tr> <td>Total Bill</td> <td><input type="text" id="bill" name="bill" required onclick="myFunction()"></td> </tr> </table>