2016-12-15 118 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