2015-07-20 146 views
-1

我正在尝试制作一个cookie喀er克隆。更改变量“cookies”的值

所以当按下饼干我想要的“饼干”的值加1 (0变成1,1变成2等)

我试着用这些代码,但没有奏效

的index.html:

<body> 
    <center> 
     <p id="cookie" style="font-size=72"></p> 
     <p> 
      <button onclick="cookieclick()" type="button"> 
       <img src="Chocochip_Cookie_512.png" /> 
      </button 
     </p> 
    </center> 
    <script src="cookies.js"></script> 
</body> 

cookies.js:

var cookies = 0; 
document.getElementById("cookie").innerHTML = "Cookies:<br>" + cookies; 
function cookieclick() { 
    cookies + 1; 
} 

有人能指出我做错了什么吗?

+0

Downvotes可能是不必要的,他们的问题可能很简单,但OP解释了问题所在并发布了代码。 –

回答

2

两个问题:

  • 你必须更新innerHTML当您单击的元素。
  • 你要的cookies + 1值分配回cookies

代码

var cookies = 0;  
function cookieclick() { 
    // This would work: cookies++; 
    // This would also workd: cookies +=1; 
    cookies = cookies + 1; 
    document.getElementById("cookie").innerHTML = "Cookies:<br>" + cookies; 
} 
+0

而'font-size = 72',CSS不能像这样工作。还有''。 –

+0

@Derek朕会功夫这是真的,只是没有问题 –

+0

@Derek朕会功夫哎呀,谢谢你指出:) – MaxM

1

你是不是存储值回变量。

cookie = cookies + 1; 
+0

另外,它们不会在点击p标签时重写HTML –