2017-10-16 76 views
0

我想计算简单的数学运算后,我点击按钮使用JavaScript和是的,它像onClick函数与参数,然后简单的数学。对不起,我是JavaScript的初学者onClick函数来计算简单的数学

代码是这样的。

<html> 
    <body> 
    <button onclick="myFunction(4,3)">sasd</button> 
    <p id="demo"></p> 

    <script> 
     function myFunction(p1, p2) { 
     x1= p1 * p2; 
     } 
     document.getElementById("demo").innerHTML = x1; 
    </script> 
    </body> 
</html> 
+1

之前'功能myFunction'必须声明'x1'像'变种X1;'所以这是一个全局变量,而不是您的本地函数 – Lixus

+0

代码如下来自w3schools网站的一个例子。你也可以尝试一下mozilla提供的教程:https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps – Dean

+0

为什么你把最后一个语句放在函数之外?在函数内部还声明x1为var。尽量不要使用全局变量。 –

回答

0

它绝对正确。只需将最后一行放入函数中即可。在这里,您在点击时调用该函数,但当时它不会被追加。它的外部和它在开始时被调用。

正确的解决方案将是:

function myFunction(p1, p2) { 
    x1= p1 * p2; 
    document.getElementById("demo").innerHTML = x1; 
} 
0

你会想要做的写在你自己算算

function myFunction(p1, p2) { 
 
    var x1= p1 * p2; 
 
    document.getElementById("demo").innerHTML = x1; 
 
}
<button onclick="myFunction(4,3)">sasd</button> 
 
<p id="demo"></p>

0

变量X1是同样的功能未定义, 请检查以下固定代码

<html> 
 
    <body> 
 
    <button onclick="myFunction(4,3)">sasd</button> 
 
    <p id="demo"></p> 
 

 
    <script> 
 
     function myFunction(p1, p2) { 
 
     var x1= p1 * p2; 
 
     document.getElementById("demo").innerHTML = x1; 
 
     } 
 
    </script> 
 
    </body> 
 
</html>

0

您还没有与下面的代码

<html> 
    <body> 
    <button onclick="myFunction(4,3)">sasd</button> 
    <p id="demo"></p> 
    <script> 
     var x1; 
     function myFunction(p1, p2) { 
     x1= p1 * p2; 
     } 
     document.getElementById("demo").innerHTML = x1; 
    </script> 
    </body> 
</html> 
0
document.getElementById("demo").innerHTML = x1; 

把这一行的脚本标签中的代码这个代码后声明x1 variable.try x1= p1 * p2

0

在这里你可以使用jQuery

function myFunction(p1, p2) { 
 
    $('#demo').html(p1 * p2); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button onclick="myFunction(4,3)">Click ME!!!</button> 
 
<p id="demo"></p>

希望这会帮助你。

+0

啊,所以这是如何使用jquery谢谢 –

+0

@CalaydoMinds欢迎伙伴:) – Shiladitya

0

使用document.getElementById("demo").innerHTML = x1;里面的函数。就像这样:

<script> 
    function myFunction(p1, p2) { 
    var x1= p1 * p2; 
    document.getElementById("demo").innerHTML = x1; 
    } 
</script>