Javascript jquery警报框的简单计算_Javascript_Jquery_Jquery Ui_Javascript Events

Javascript jquery警报框的简单计算

javascript jquery jquery-ui

Javascript jquery警报框的简单计算,javascript,jquery,jquery-ui,javascript-events,Javascript,Jquery,Jquery Ui,Javascript Events,我想使用js和jquery进行简单的计算。关于字段中的值，alertbox应显示calculation。这是我的密码： <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </head > <

我想使用js和jquery进行简单的计算。关于字段中的值，alertbox应显示calculation。这是我的密码：

<!DOCTYPE html> 
<html> 
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    </head >
    <body>

        <p id="demo"></p>

        <script>
            $(document).ready(function(){
                $("#btn1").click(function(){
                    alert("Solution: " + $("#demo").val());
                });
            });

            function myFunction(a, b) {
                var a;
                var b;
                return a * b;
            }

            document.getElementById("demo").innerHTML = myFunction(a, b);
        </script>

        <input id="a" type="text" value="10" />
        <input id="b" type="text" value="5" />
        <button id="btn1">Result</button>
    </body>
</html>



$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
警报（“解决方案：+$（“#演示”）.val（）；
});
});
函数myFunction（a，b）{
var a；
var b；
返回a*b；
}
document.getElementById（“demo”）.innerHTML=myFunction（a，b）；
结果

给你：


$（文档）.ready（函数（）{
//抓住价值
$（'demo'）.val（myFunction（$（'a'）.val（），$（'b'）.val（））；
$（“#btn1”）。单击（函数（）{
警报（“解决方案：+$（“#演示”）.val（）；
});
});
函数myFunction（a，b）{
返回a*b；
}
结果

如果您对使用段落元素很挑剔，则不能通过Id访问段落元素，而是通过标记名访问。您的代码可以修改为以下格式以实现结果：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
  alert("Solution: " + document.getElementsByTagName('p')[0].innerHTML);
});

  document.getElementsByTagName('p')[0].innerHTML = myFunction($('#a').val(), $('#b').val());
});
function myFunction(a, b) {
var a;
var b;
return a * b;
}

</script >
</head>
<body>

  <p id='demo'></p>
  <input type='text' value='10' id='a'>
  <input type='text' value='5' id='b'>
  <button id='btn1'>Result</button>
</body>


$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
警报（“解决方案：+document.getElementsByTagName（'p'）[0].innerHTML）；
});
document.getElementsByTagName（'p'）[0].innerHTML=myFunction（$（'a'）.val（），$（'b'）.val（））；
});
函数myFunction（a，b）{
var a；
var b；
返回a*b；
}

结果

希望这有帮助。

$（“#demo”）.val（）

此代码将返回空结果，因为

不是表单元素。更改为

$（“#demo”）.html（）

或

$（“#demo”）.text（）

谢谢，但它不起作用，我收到了警报框和文本“解决方案：”没有计算为什么要创建

变量a；var b在myFunction
中a
和b已经在函数签名中声明了，您得到了！没问题！你能告诉我吗。。在获取值的部分，将变量a和b放入#demo？这就是为什么要以这种方式或在警报中调用它？第一行从输入中获取值，然后调用函数来处理它们，最后将demo的值设置为函数的返回值。然后，当您单击该按钮时，它会获取demo的值，并向其发出警报。
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
  alert("Solution: " + document.getElementsByTagName('p')[0].innerHTML);
});

  document.getElementsByTagName('p')[0].innerHTML = myFunction($('#a').val(), $('#b').val());
});
function myFunction(a, b) {
var a;
var b;
return a * b;
}

</script >
</head>
<body>

  <p id='demo'></p>
  <input type='text' value='10' id='a'>
  <input type='text' value='5' id='b'>
  <button id='btn1'>Result</button>
</body>