将HTML输入值传递给javascript函数，然后将JS结果输出到<；p>；HTML_Javascript_Html_Parameters

将HTML输入值传递给javascript函数，然后将JS结果输出到<；p>；HTML

javascript html parameters

将HTML输入值传递给javascript函数，然后将JS结果输出到<；p>；HTML,javascript,html,parameters,Javascript,Html,Parameters,我正在进行一些独立的JavaScript学习，并试图弄清楚如何将参数从HTML传递到JavaScript，然后在逻辑完成后从JavaScript输出HTML 在本例中，我有两个输入文本框和一个按钮。理想情况下，文本框中将包含数字，按钮将调用JavaScript。JavaScript只是比较哪个数大于另一个数，然后将结果输出到id为“output”的元素。代码如下 <html> <body> <script type="text/java

我正在进行一些独立的JavaScript学习，并试图弄清楚如何将参数从HTML传递到JavaScript，然后在逻辑完成后从JavaScript输出HTML

在本例中，我有两个输入文本框和一个按钮。理想情况下，文本框中将包含数字，按钮将调用JavaScript。JavaScript只是比较哪个数大于另一个数，然后将结果输出到id为“output”的

元素。代码如下

   <html>
    <body>
        <script type="text/javascript">
            var htmlop = "";
            function compareX(a,b){
                if(a < b){
                    htmlop= a+"is greater than "+b;
                }
                else{
                    htmlop= b+"is greater than "+a;
                }
                document.getElementById('output').innerHTML = htmlop;
            }
        </script>
        <div>
            Input1: <input type="text" name="input1" /></br>
            Input2: <input type="text" name="input2" />
        </div>
        <div>
            <input type="button" value="Run Logic" onclick="compareX(document.getElementByName("input1").value,document.getElementByName("input2").value)" />
        </div></br></br>
        <div>
            <p id="output"></p>
        </div>
    </body>
</html>


var htmlop=“”；
函数比较器（a，b）{
if（a
输入2：

我在这里没有得到任何类型的输出，我也不知道如何判断HTML中的值是否正确地传递到JavaScript中。有人能在这里提供帮助吗？

尝试一下这里您还有另一个问题，在您的代码中，您将a与b进行比较，并假设它们是整数，但实际上它们是字符串，因此无法获得所需的结果。尝试更改您的javascript代码

<html>
<body>
    <script type="text/javascript">
        var htmlop = "";
        function compareX(a,b){
            if(parseInt(a) < parseInt(b)){
                htmlop= a+"is greater than "+b;
            }
            else{
                htmlop= b+"is greater than "+a;
            }
            document.getElementById('output').innerHTML = htmlop;
        }
    </script>
    <div>
        Input1: <input type="text" name="input1" /></br>
        Input2: <input type="text" name="input2" />
    </div>
    <div>
        <input type="button" value="Run Logic" onclick="compareX(document.getElementsByName("input1")[0].value, document.getElementsByName("input2")[0].value)" />
    </div></br></br>
    <div>
        <p id="output"></p>
    </div>
</body>


var htmlop=“”；
函数比较器（a，b）{
if（parseInt（a）
输入2：

重新发布的代码如果您想使用名称而不是id，请在修改函数调用时使用上述代码

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
    var htmlop = "";

    function compareX(a,b){

        if(parseInt(a) < parseInt(b)){
            htmlop= a+"is greater than "+b;
        }
        else{
            htmlop= b+"is greater than "+a;
        }
        document.getElementById('output').innerHTML = htmlop;
    }
</script>
<div>
    Input1: <input type="text" id="input1" name="input1"></br>
    Input2: <input type="text" id="input2" name="input2">
</div>
<div>
    <input type="button" value="Run Logic" onclick='compareX(document.getElementById("input1").value,document.getElementById("input2").value )' />
</div></br></br>
<div>
    <p id="output"></p>
</div>


var htmlop=“”；
函数比较器（a，b）{
if（parseInt（a）
输入2：


var htmlop=“”；
函数compareX（）{
var a=document.getElementsByName（'input1'）[0]。值；
var b=document.getElementsByName（“input2”）[0]。值；
if（a
输入2：

我做了您建议的更改“if（parseInt（a）

   <html>
    <body>
        <script type="text/javascript">
            var htmlop = "";
            function compareX(){
                var a=document.getElementsByName('input1')[0].value;
                var b=document.getElementsByName("input2")[0].value;

                if(a < b){
                    htmlop= a+" is greater than "+b;
                }
                else{
                    htmlop= b+" is greater than "+a;
                }

                document.getElementById('output').innerHTML = htmlop;
            }
        </script>
        <div>
            Input1: <input type="text" name="input1" /></br>
            Input2: <input type="text" name="input2" />
        </div>
        <div>
            <input type="button" value="Run Logic" onclick="compareX()" />
        </div></br></br>
        <div>
            <p id="output"></p>
        </div>
    </body>
</html>