我正在尝试从 javascript 中的一个输入获得两个计算输出
I am trying to get two calculation outputs from one input in javascript
我正在创建这个网络计算器,我试图从一个输出中进行两个单独的计算。将有一个输入数字 (INPUT1),我希望它计算 INTPUT1/25 产生 OUTPUT1.
然后我还想计算 (INPUT1/25)/6 以大致显示输入是否除以 25 然后再除以 6。
使用我的代码,一次只显示一个计算。有没有办法为一个输入数字生成两个输出计算?
<form name="TESTING">
<table border="1" width="600" height="200" cellpadding="10" cellspacing="3">
<tr>
<th colspan="2">
<h1>TESTING</h1>
</th>
</tr>
<tr>
<th>
<h3>INPUT</h3>
</th>
<th>
<h3>OUTPUT</h3>
</th>
<th>
<h3>OUTPUT 2</h3>
</th>
</tr>
<tr>
<td>
<input type="number" name="INPUT1" id="input" onchange="calculate();"/>
</td>
<td>
<input type="number" name="OUTPUT1" id="output">
</td>
<td>
<input type="number" name="OUTPUT2" id="output2">
</td>
</tr>
</table>
</form>
<script type="text/javascript">
function calculate() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = (USERINPUT1/25);
document.TESTING.OUTPUT1.value = RESULT;
}
function calculate() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = ((USERINPUT1/25)/6);
document.TESTING.OUTPUT2.value = RESULT;
}
</script>
您不能多次声明一个期望不同结果的函数。我建议您将 then 重命名为不同的函数,然后使用您的计算函数调用它:
<script type="text/javascript">
function calculate(){
test1(), test2();
}
function test1() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = (USERINPUT1/25);
document.TESTING.OUTPUT1.value = RESULT;
}
function test2() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = ((USERINPUT1/25)/6);
document.TESTING.OUTPUT2.value = RESULT;
}
</script>
是的,同意@Marvin,你不能用相同的name.You定义2个函数可以在同一个'calculate'函数中添加两个输出函数,如下所示:
函数计算(){
var USERINPUT1 = document.TESTING.INPUT1.value;
结果 = (USERINPUT1/25);
document.TESTING.OUTPUT1.value = 结果;
结果 1 = ((USERINPUT1/25)/6);
document.TESTING.OUTPUT2.value = 结果 1;
}
我正在创建这个网络计算器,我试图从一个输出中进行两个单独的计算。将有一个输入数字 (INPUT1),我希望它计算 INTPUT1/25 产生 OUTPUT1.
然后我还想计算 (INPUT1/25)/6 以大致显示输入是否除以 25 然后再除以 6。
使用我的代码,一次只显示一个计算。有没有办法为一个输入数字生成两个输出计算?
<form name="TESTING">
<table border="1" width="600" height="200" cellpadding="10" cellspacing="3">
<tr>
<th colspan="2">
<h1>TESTING</h1>
</th>
</tr>
<tr>
<th>
<h3>INPUT</h3>
</th>
<th>
<h3>OUTPUT</h3>
</th>
<th>
<h3>OUTPUT 2</h3>
</th>
</tr>
<tr>
<td>
<input type="number" name="INPUT1" id="input" onchange="calculate();"/>
</td>
<td>
<input type="number" name="OUTPUT1" id="output">
</td>
<td>
<input type="number" name="OUTPUT2" id="output2">
</td>
</tr>
</table>
</form>
<script type="text/javascript">
function calculate() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = (USERINPUT1/25);
document.TESTING.OUTPUT1.value = RESULT;
}
function calculate() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = ((USERINPUT1/25)/6);
document.TESTING.OUTPUT2.value = RESULT;
}
</script>
您不能多次声明一个期望不同结果的函数。我建议您将 then 重命名为不同的函数,然后使用您的计算函数调用它:
<script type="text/javascript">
function calculate(){
test1(), test2();
}
function test1() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = (USERINPUT1/25);
document.TESTING.OUTPUT1.value = RESULT;
}
function test2() {
var USERINPUT1 = document.TESTING.INPUT1.value,
RESULT = ((USERINPUT1/25)/6);
document.TESTING.OUTPUT2.value = RESULT;
}
</script>
是的,同意@Marvin,你不能用相同的name.You定义2个函数可以在同一个'calculate'函数中添加两个输出函数,如下所示:
函数计算(){
var USERINPUT1 = document.TESTING.INPUT1.value;
结果 = (USERINPUT1/25);
document.TESTING.OUTPUT1.value = 结果;
结果 1 = ((USERINPUT1/25)/6);
document.TESTING.OUTPUT2.value = 结果 1;
}