Javascript 获取两个用户选择的输入并进行计算时遇到问题_Javascript_Html_Forms

Javascript 获取两个用户选择的输入并进行计算时遇到问题

javascript html forms

Javascript 获取两个用户选择的输入并进行计算时遇到问题,javascript,html,forms,Javascript,Html,Forms,我的html代码需要两个用户选择的输入数字并进行计算。用户选择输入后，让它实际进行计算时遇到问题。当我输入这两个数字并按下“计算”键时，它什么都不起作用 function calc(form) { if(isNaN(form.resistance.value)) { alert("Error in input"); return false; } if(form.resistance.value.length > 32) { alert("Error in input");

我的html代码需要两个用户选择的输入数字并进行计算。用户选择输入后，让它实际进行计算时遇到问题。当我输入这两个数字并按下“计算”键时，它什么都不起作用

function calc(form)
{
if(isNaN(form.resistance.value))
 {
 alert("Error in input");
 return false;
 }

if(form.resistance.value.length > 32)
 {
 alert("Error in input");
 return false;
  }
 function calc(form1)
{
  if(isNaN(form1.strain.value))
 {
 alert("Error in input");
 return false;
}

 if(form1.strain.value.length > 32)
{
 alert("Error in input");
   return false;
} 



var Rchange = 2 * form1.strain.value * form.resistance.value;


 var newResistance =(parseInt(form.resistance.value) + Rchange);
document.getElementById("newResistance").innerHTML = chopTo4(newResistance);

}

function chopTo4(raw)
{
 strRaw = raw.toString();
 if(strRaw.length - strRaw.indexOf("0") > 4)
strRaw = strRaw.substring(0,strRaw.indexOf("0") + 5);
  return strRaw;
 }

</script>

</head>
<body>


<table>
<tr><form1><td>Enter Strain: </td><td><input style="text-align:right" type="text" name="strain"></td></tr>
</table>
<table>
<tr><form><td>Enter Resistance: </td><td><input style="text-align:right" type="text" name="resistance"></td></tr>
<tr><td colspan=2 align="center"><input type="button" value="Calculate" onClick="calc(this.form)"></td></form></tr>
<tr><td>New Resistance: </td><td id="newResistance"></td></tr>
</table>

函数计算（表格）
{
if（isNaN（形式电阻值））
{
警报（“输入错误”）；
返回false；
}
如果（form.resistance.value.length>32）
{
警报（“输入错误”）；
返回false；
}
函数计算（表格1）
{
if（isNaN（表1.应变值））
{
警报（“输入错误”）；
返回false；
}
如果（表1.train.value.length>32）
{
警报（“输入错误”）；
返回false；
} 
var Rchange=2*form1.strain.value*form.resistance.value；
var newResistance=（parseInt（form.resistance.value）+Rchange）；
document.getElementById（“newResistance”）.innerHTML=chopTo4（newResistance）；
}
函数chopTo4（原始）
{
straw=raw.toString（）；
if（straw.length-straw.indexOf（“0”）>4）
straw=straw.substring（0，straw.indexOf（“0”）+5）；
返回straw；
}
输入应变：
输入阻力：
新阻力：

函数计算（表格）
{
if（isNaN（形式电阻值））
{
警报（“输入错误”）；
返回false；
}
如果（form.resistance.value.length>32）
{
警报（“输入错误”）；
返回false；
}
var Rchange=2*form.strain.value*form.resistance.value；
var newResistance=（parseInt（form.resistance.value）+Rchange）；
document.getElementById（“newResistance”）.innerHTML=chopTo4（newResistance）；
}
函数chopTo4（原始）
{
straw=raw.toString（）；
if（straw.length-straw.indexOf（“0”）>4）
straw=straw.substring（0，straw.indexOf（“0”）+5）；
返回straw；
}
输入应变：
输入阻力：
新阻力：

注意：您不能将

放在

和

元素之间，有两个关闭表标记，而只有一个打开表标记。还有一件事，我试图编辑您的代码以改进格式，我注意到有许多缺少的大括号，如果这是您的实际代码，而不是复制粘贴的结果g然后修复你的语法错误，如果仍然不起作用，试试你的程序。返回没有语法错误的代码。实际上，首先验证你的js和html代码。看在上帝的份上，如果你写这么乱的代码，请使用JsLint！：P哦，我正在使用记事本++编写代码，所以我没有看到错误。我只是直接在Web浏览器上运行我的代码。我组织了编码一点。这并不是一个真正的答案。告诉我们哪里出了问题，以及你是如何修复的。在我的原始代码中，应变值的形式我输入了它，然后调用一个函数进行计算，但我不想这样做，我只是想把输入值当作一个变量来使用。

function calc(form)
{
 if(isNaN(form.resistance.value))
{
 alert("Error in input");
 return false;
 }

if(form.resistance.value.length > 32)
 {
 alert("Error in input");
 return false;
 }



var Rchange = 2 * form.strain.value * form.resistance.value;


var newResistance =(parseInt(form.resistance.value) + Rchange);
  document.getElementById("newResistance").innerHTML = chopTo4(newResistance);

  }

function chopTo4(raw)
{
 strRaw = raw.toString();
 if(strRaw.length - strRaw.indexOf("0") > 4)
strRaw = strRaw.substring(0,strRaw.indexOf("0") + 5);
return strRaw;
}

</script>

</head>
<body>


<table>
 <tr><form><td>Enter Strain: </td><td><input style="text-align:right" type="text" name="strain"></td></tr>
</table>
<table>
 <tr><form><td>Enter Resistance: </td><td><input style="text-align:right" type="text" name="resistance"></td></tr>
 <tr><td colspan=2 align="center"><input type="button" value="Calculate" onClick="calc(this.form)"></td></form></tr>
<tr><td>New Resistance: </td><td id="newResistance"></td></tr>
</table>