Javascript-如何从用户获取输入并显示输出_Javascript_Output_Calculator

Javascript-如何从用户获取输入并显示输出

javascript

Javascript-如何从用户获取输入并显示输出,javascript,output,calculator,Javascript,Output,Calculator,我绝对不懂Javascript、HTML等。我有一个基本的问题，我找不到直接的答案，或者至少我无法理解我制作了以下代码： <script> var a = 500000; var b = 80; var c = (a-250000)*0.10; var d = (a-300000)*0.10; var e = Math.min(c,2000); var f = Math.min(d,2000); if (a > 250000 && a < 500001

我绝对不懂Javascript、HTML等。我有一个基本的问题，我找不到直接的答案，或者至少我无法理解

我制作了以下代码：

<script>
var a = 500000;
var b = 80;
var c = (a-250000)*0.10;
var d = (a-300000)*0.10;
var e = Math.min(c,2000);
var f = Math.min(d,2000);

if (a > 250000 && a < 500001 && b < 60) { 
    document.write(e);
} else if (a > 300000 && a < 500001 && b > 59 && b < 80) {
    document.write(f);
} else {
    document.write("No Rebate");
}
</script>

我想从用户处获取a和b的输入值，使用下面的代码进行计算，并根据情况向用户显示输出e或f，或者如果满足设置的条件，则无返利

我怎么做

我到现在为止试过的就是这个

<form name="calc"> 
<table border="1" width="600" height="200" cellpadding="10" cellspacing="3">
<tr><th colspan="3"><h1>TESTING</h1></th></tr>
<tr>  <th><h3>INPUT</h3></th>
<th><h3>AGE</h3></th>
<th><h3>REBATE</h3></th></tr>
<tr></tr>
<td><input type="text" name="input1" id="input1" onchange="calculate();"/></td>
<td><input type="text" name="input2" id="input2" onchange="calculate();"/></td>
<td><input type="text" name="output" id="output"></td>
<table>
</form>

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

var a = document.calc.input1.value;
var b = document.calc.input2.value;
var c = (a-250000)*0.10;
var d = (a-300000)*0.10;
var e = Math.min(c,2000);
var f = Math.min(d,2000);

if (a > 250000 && a < 500001 && b < 60) { 
    document.calc.output.innerHTML = e;
} else if (a > 300000 && a < 500001 && b > 59 && b < 80) {
    document.calc.output.innerHTML = f;
} else {
    document.calc.output.innerHTML = "No Rebate"
}
</script>

我确信我在这里没有正确使用.innerHTML

您需要创建HTML输入元素来捕获用户输入。您的脚本需要读取值并对某些事件（如单击按钮）执行计算，例如：

    <html>
    <head></head>
    <body>
    <p>Input value a: <input type="text" onchange="return calculate();" id="txtA" /></p>
    <p>Input value b: <input type="text" onchange="return calculate();" id="txtB" /></p>
    <p id="result"></p>
    <script>

    function calculate(){
        var a = document.getElementById('txtA').value;
        var b = document.getElementById('txtB').value;
        var c = (a-250000)*0.10;
        var d = (a-300000)*0.10;
        var e = Math.min(c,2000);
        var f = Math.min(d,2000);

        if (a > 250000 && a < 500001 && b < 60) { 
            document.getElementById('result').innerHTML = e;
        } else if (a > 300000 && a < 500001 && b > 59 && b < 80) {
            document.getElementById('result').innerHTML = f;
        } else {
            document.getElementById('result').innerHTML = "No Rebate";
        }
        return false;
    }

    </script>
    </body>
</html>

安慰节点？浏览器告诉我们您正在使用什么来测试此脚本。并向我们展示您所做的选择是创建一个HTML文档，其中包含一个由文本框和提交按钮组成的表单。单击“提交”按钮时，存储表单中的值并执行脚本。您确实不应该使用document.write进行输出，尤其是在输入完全合理的document.getElementById之后，除非OP特别要求纯文本输出。此外，calculate不会返回任何内容，因此return calculate只返回undefined.used习惯性返回。不管怎么说，document.write都不重要，我从来没有这样做过，但OP暗示这是期望的行为。谢谢，这几乎就是我所寻找的，只是我正在寻找的代码中的一个更简单的调整，当同一用户不断更改输入值时，如何使输出显示在第三个输入框中并重新执行计算？@Crowcoder谢谢你非常感谢：D