如何在Javascript中添加带有输出的用户输入
对，我正在尝试做一个计算器类型的东西，对javascript没有任何知识，我需要两个输入字段和两个输出字段，计算公式是： 投入1:25000 投入2:30000 产出1:112500 产出2:142500 输出1=输入1*4.5 输出2=输入2+输出1如何在Javascript中添加带有输出的用户输入,javascript,Javascript,对，我正在尝试做一个计算器类型的东西，对javascript没有任何知识，我需要两个输入字段和两个输出字段，计算公式是： 投入1:25000 投入2:30000 产出1:112500 产出2:142500 输出1=输入1*4.5 输出2=输入2+输出1 我已经试过了，计算输出1是可以的，但我在计算输出2时遇到了问题。在我把头发撕下来之前，请帮帮我。我在jsFiddle（）上做了一个例子。这是非常简单的数学。 只需计算第一个输出，将其存储在变量中，或从输出字段读取它，然后再次使用它来计算第二个输出
我已经试过了，计算输出1是可以的，但我在计算输出2时遇到了问题。在我把头发撕下来之前，请帮帮我。我在jsFiddle（）上做了一个例子。这是非常简单的数学。 只需计算第一个输出，将其存储在变量中，或从输出字段读取它，然后再次使用它来计算第二个输出
HTML:
<fieldset>
<legend>Input</legend>First input:
<input type="text" id="txtFirstInput" />
<br/>Second input:
<input type="text" id="txtSecondInput" />
<br/>
<input type="button" id="btnCalculate" value="Calculate" />
</fieldset>
<fieldset>
<legend>Output</legend>First output:
<p id="pFirstOutput"></p>Second output:
<p id="pSecondOutput"></p>
</fieldset>
Input1 : <input type="text" id="input1" value="25000" />
Input2 : <input type="text" id="input2" value="30000" />
<button onClick="calculate();">Calculate</button>
Output1 : <input type="text" id="output1" />
Output2 : <input type="text" id="output2" />
function calculate(){
var input1Value = document.getElementById('input1').value;
var input2Value = document.getElementById('input2').value;
var output1 = parseInt(input1Value) * 4.5;
document.getElementById('output1').value = output1;
var output2 = parseInt(output1) + parseInt(input2Value);
document.getElementById('output2').value = output2;
}
Javascript
window.addEventListener("load", function() {
document.getElementById("btnCalculateJS").addEventListener("click", function() {
var firstInput = document.getElementById("txtFirstInput").value;
var firstOutput = firstInput * 4.5;
var secondInput = document.getElementById("txtSecondInput").value;
var secondOutput = parseInt(firstOutput) + parseInt(secondInput);
document.getElementById("pFirstOutput").innerHTML = firstOutput;
document.getElementById("pSecondOutput").innerHTML = secondOutput;
}, false);
}, false);
或者您希望它与纯JS而不是jQuery一起使用吗？使用简单的HTML和Javascript，您可以按照以下方式进行操作： HTML:
<fieldset>
<legend>Input</legend>First input:
<input type="text" id="txtFirstInput" />
<br/>Second input:
<input type="text" id="txtSecondInput" />
<br/>
<input type="button" id="btnCalculate" value="Calculate" />
</fieldset>
<fieldset>
<legend>Output</legend>First output:
<p id="pFirstOutput"></p>Second output:
<p id="pSecondOutput"></p>
</fieldset>
Input1 : <input type="text" id="input1" value="25000" />
Input2 : <input type="text" id="input2" value="30000" />
<button onClick="calculate();">Calculate</button>
Output1 : <input type="text" id="output1" />
Output2 : <input type="text" id="output2" />
function calculate(){
var input1Value = document.getElementById('input1').value;
var input2Value = document.getElementById('input2').value;
var output1 = parseInt(input1Value) * 4.5;
document.getElementById('output1').value = output1;
var output2 = parseInt(output1) + parseInt(input2Value);
document.getElementById('output2').value = output2;
}
你应该从基础开始学习 这项工作适用于十进制值
<html>
<head>
<script languages="javascript">
function calculate() {
var in_1 = document.getElementById('input_1');
var in_2 = document.getElementById('input_2');
var out_1 = document.getElementById('output_1');
var out_2 = document.getElementById('output_2');
var res_1 = Number(in_1.value) * 4.5;
var res_2 = Number(in_2.value) + res_1;
out_1.value = res_1;
out_2.value = res_2;
}
</script>
</head>
<body>
<label>Input 1:</label><input id="input_1"/>
<label>Input 2:</label><input id="input_2"/>
<button onClick="calculate()">Calculate</button>
<hr/>
<label>Output 1:</label><input id="output_1"/>
<label>Output 2:</label><input id="output_2"/>
</body>
</html>
函数计算（）{
变量in_1=document.getElementById（'input_1'）；
_2中的var=document.getElementById（'input_2'）；
var out_1=document.getElementById（'output_1'）；
var out_2=document.getElementById（'output_2'）；
var res_1=数量（单位：数值）*4.5；
var res_2=数字（在_2.值中）+res_1；
out_1.value=res_1；
out_2.value=res_2；
}
投入1：
投入2：
算计
产出1：
产出2：