2015-07-20 173 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 –