2017-10-16 35 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>