2016-12-15 128 views
-1

我正在嘗試做一個基本的數學函數並更改一個<p></p>元素的內容,但是當我單擊該按鈕時,它什麼都不做。缺少一個步驟?

我知道這是微不足道的,但我認爲這會奏效。

我錯過了什麼?

HTML

<button onclick="doMath()">Click</button> 
<p id="output"></p> 

的JavaScript

function doMath() { 
var total = 6/2(2+1); 
    document.getElementById("output").innerHTML = total; 
} 
+3

什麼是'6/2(2 + 1)'應該是什麼? '6 /(2 *(2 + 1))'? –

+5

您缺少一個基本的調試步驟。 [打開瀏覽器的JavaScript控制檯](http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers)並查看錯誤消息。 – JJJ

+0

是的,你錯過了一件重要的事情'*'。瀏覽器不理解數學速記。所以2(2 + 1)將被視爲名稱爲2的函數,參數爲2 + 1。因此,這個問題。嘗試使用6/2 *(2 + 1) –

回答

2

function doMath() { 
 
var total = (6/2*(2+1)); 
 
    document.getElementById("output").innerHTML = total; 
 
}
<button onclick="doMath()">Click</button> 
 
<p id="output"></p>

+0

我猜JS不理解分配屬性?如果我做'var total =(6/2(2 + 1)); '它不渲染任何東西 – Brandon

+1

@Brandon Javascript遵循Javascript語法,而不是數學。 6/f(2 + 1)'是完全不明確的,是函數調用還是你想要乘的變量? – deceze

+0

@deceze數學問題結果是我想要設置變量total。我覺得這是愚蠢的。感謝您的快速回復! – Brandon