2015-10-28 38 views
0

任何人都可以帮我吗?我试图让它在单击按钮时调用click()函数,但没有任何反应。这些警报是为了测试目的,并且当我能够使它工作时,js将被导出到外部js。谢谢=)我不能让我的HTML打电话给我的js

<!DOCTYPE html /> 

<html> 
    <head> 
     <title>Idle Numbers</title> 

     <link rel="stylesheet" type="text/css" href="stylesheet.css" /> 
    </head> 
    <body> 
     <h1>Idle Numbers</h1> 
     <p>Number Bank: <span id="numberBank">0</span> | Numbers per Second: <span id="NpS">0</span> | Numbers per Click: <span id="NpC">1</span></p> 
     <button onclick="click()">Click me</button> 
     <table id="shop"> 
      <tr> 
       <th colspan="4">Shop</th> 
      </tr> 
      <tr> 
       <td><p>Ones Place <button onclick="onesPurchase" id="buyOnes">25</button></p></td> 
       <td><p>Tens Place <button onclick="tensPurchase" value="100" id="buyTens">100</button></p></td> 
       <td><p>Hundreds Place <button onclick="hundredsPurchase" id="buyHundres">250</button></p></td> 
       <td><p>Thousands Place <button onclick="ThousandsPurchase" id="buyThousands">2500</button></p></td> 
      </tr> 
     </table> 
     <script type="text/javascript"> 
      var nB, NpS, onesValue, tensValue, hundredsValue, thousandsValue; 
      var NpC = 1; 

      function click(){ 
       alert("numberBank"); 
       numberBank = nB + NpC; 
       alert("numberBank"); 
       document.getElementById("numberBank").innerHTML = nB; 
      } 
     </script> 
    </body> 
</html> 
+0

'的onclick = “使用functionName()”'你看,在错误的开发者控制台。 – epascarello

回答

0

此问题是由于您将函数命名为click()。此功能名称默认分配给按钮以处理鼠标点击事件。无论如何,最好使用更具描述性的函数名称。

简单的改变来计算()的工作原理:

HTML

<button onClick="calculate()">Click me</button> 

JS

function calculate() { 
       alert("numberBank"); 
       numberBank = nB + NpC; 
       alert("numberBank"); 
       document.getElementById("numberBank").innerHTML = nB; 
      } 
0

你不必为onesPurchase,tensPurchase等定义的函数,你必须初始化onclick处理。如果你想绑定的点击()函数将onclick处理,你只需要

<td><p>Ones Place <button onclick="click();" id="buyOnes">25</button></p></td> 

参见:Using an html button to call a javascript function

如果你想改变点击功能如何起作用,你可能会想某些参数定义在您创建click()函数的位置,该函数确定您正在计算哪个购买。

0

。点击()是在JavaScript中内置的功能。

你可以通过改变

function click(){ 

覆盖正常功能

click()=function(){ 

我不建议这样做,虽然。最好遵循shredMER的回答并更改函数名称。

0

按钮元素已经有一个click()方法,它模拟鼠标点击按钮元素。 button元素的click()方法将被调用,而不是您的click()方法。正如shreadMER所建议的,将click()方法重命名为其他内容。例如...

HTML

<button onclick="btn_click()">Click me</button> 

JS

function btn_click() { 
    alert("numberBank"); 
    numberBank = nB + NpC; 
    alert("numberBank"); 
    document.getElementById("numberBank").innerHTML = nB; 
} 
相关问题