Javascript计算赢得'；t启动/isn'；我的表演不正确_Javascript_Calculation

Javascript计算赢得'；t启动/isn'；我的表演不正确

javascript

Javascript计算赢得'；t启动/isn'；我的表演不正确,javascript,calculation,Javascript,Calculation,我正在制作一个表格，我想在其中自动进行一些计算。表单包含一个带有一些输入的表。Javascript在表单下面。由于我不知道的原因，计算无法启动或执行不正确代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <form> <fieldset&

我正在制作一个表格，我想在其中自动进行一些计算。表单包含一个带有一些输入的表。Javascript在表单下面。由于我不知道的原因，计算无法启动或执行不正确

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>

<body>
<form>
  <fieldset>
    <legend>Inkomsten</legend>
        <table>
      <tr>
        <th scope="col"></th>
        <th scope="col">Per maand</th>
        <th scope="col">Per jaar</th>
        <th scope="col">Totale termijn</th>
      </tr>
      <tr>
        <td>Inkomen</td>
        <td><input type="text" name="fldInkomenPerMaand" id="fldInkomenPerMaand"></td>
        <td><input type="text" name="fldInkomenPerJaar" id="fldInkomenPerJaar" disabled></td>
        <td><input type="text" name="fldInkomenTotaleTermijn" id="fldInkomenTotaleTermijn" disabled></td>
      </tr>
      <tr>
        <td>Vakantiegeld</td>
        <td><input type="text" name="vakantiegeldPerMaand" id="vakantiegeldPerMaand" disabled></td>
        <td><input type="text" name="vakantiegeldPerJaar" id="vakantiegeldPerJaar"></td>
        <td><input type="text" name="vakantiegeldTotaleTermijn" id="vakantiegeldTotaleTermijn" disabled></td>
      </tr>
    </table>
    </fieldset>
</form>

<script type="text/javascript">
function berekeningInkomenPerJaar() {
    var inkomenPerMaand = parseInt(document.getElementById("fldInkomenPerMaand").value);

    var inkomenPerJaar = document.getElementById("fldInkomenPerJaar");
        inkomenPerJaar.value = inkomenPerMaand * 12;
}
</script>

</body>
</html>


测试
因克姆斯滕
伯马恩德
佩加尔
泰尔米恩酒店
因科门
瓦坎蒂格尔德
函数berekeningkomenperjaar（）{
var inkomenPerMaand=parseInt（document.getElementById（“fldInkomenPerMaand”）.value）；
var inkomeneperjaar=document.getElementById（“fldInkomenPerJaar”）；
inkomenPerJaar.value=inkomenPerMaand*12；
}

问题在于，当输入发生更改时，您的函数没有运行

当输入值发生如下更改时，可以使用JS

addEventListener

函数运行代码：

var-inputElement=document.getElementById（“fldInkomenPerMaand”）；
inputElement.addEventListener（“变更”，别称“变更”）；

添加了事件侦听器的原始代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>

<body>
<form>
  <fieldset>
    <legend>Inkomsten</legend>
        <table>
      <tr>
        <th scope="col"></th>
        <th scope="col">Per maand</th>
        <th scope="col">Per jaar</th>
        <th scope="col">Totale termijn</th>
      </tr>
      <tr>
        <td>Inkomen</td>
        <td><input type="text" name="fldInkomenPerMaand" id="fldInkomenPerMaand"></td>
        <td><input type="text" name="fldInkomenPerJaar" id="fldInkomenPerJaar" disabled></td>
        <td><input type="text" name="fldInkomenTotaleTermijn" id="fldInkomenTotaleTermijn" disabled></td>
      </tr>
      <tr>
        <td>Vakantiegeld</td>
        <td><input type="text" name="vakantiegeldPerMaand" id="vakantiegeldPerMaand" disabled></td>
        <td><input type="text" name="vakantiegeldPerJaar" id="vakantiegeldPerJaar"></td>
        <td><input type="text" name="vakantiegeldTotaleTermijn" id="vakantiegeldTotaleTermijn" disabled></td>
      </tr>
    </table>
    </fieldset>
</form>

<script type="text/javascript">
function berekeningInkomenPerJaar() {
    var inkomenPerMaand = parseInt(document.getElementById("fldInkomenPerMaand").value);

    var inkomenPerJaar = document.getElementById("fldInkomenPerJaar");
        inkomenPerJaar.value = inkomenPerMaand * 12;
}

var inputElement = document.getElementById("fldInkomenPerMaand");
inputElement.addEventListener("change", berekeningInkomenPerJaar);
</script>

</body>
</html>


测试
因克姆斯滕
伯马恩德
佩加尔
泰尔米恩酒店
因科门
瓦坎蒂格尔德
函数berekeningkomenperjaar（）{
var inkomenPerMaand=parseInt（document.getElementById（“fldInkomenPerMaand”）.value）；
var inkomeneperjaar=document.getElementById（“fldInkomenPerJaar”）；
inkomenPerJaar.value=inkomenPerMaand*12；
}
var inputElement=document.getElementById（“fldInkomenPerMaand”）；
inputElement.addEventListener（“变更”，别称“变更”）；

在哪里调用“berekeningInkomenPerJaar”函数？我不确定如何调用函数。显然，正如我所读到的，函数不会自动启动。每当输入给定输入时，我希望函数启动/重复。在这种情况下；'fldInkomenPerMaand'