2017-02-15 79 views
1

表格的單元格會在短時間內變爲紅色。這些單元由隨機數選擇。檢查表格的單元格是否具有某種顏色

當單元格具有紅色時,用戶應單擊單元格。

如果他在細胞仍紅的時候點擊細胞,那麼他會得到一個點。

這是主意。但它不起作用。當我點擊單元格時沒有任何反應。

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     td{font-size:40px; padding:4px 10px;} 
    </style> 
    <script>  
     var blinkColors = new Array('red'); 
     var zw= new Array(); 
     var blinkColor = 0; 
     var iterator = 0; 
     var hit=0; 

     for (var i = 0 ;i<10;i++){ 
      zw[i]=Math.floor((Math.random() *8) + 1); 
     } 

     var myBlink = setInterval(function() { 
     doBlink(); 
     }, 400); 

     function doBlink() {  
      var blinkCell = document.getElementById('blinker' +zw[iterator]);  
      blinkCell.style.backgroundColor = blinkColors[blinkColor]; 
      blinkColor++; 
      if (blinkColor == blinkColors.length+1) { 
      blinkColor = 0; 
      blinkCell.style.backgroundColor = "transparent"; 
      iterator++; 

      if (iterator == zw.length) { 
      alert("You hit. " + hit); 
      clearInterval(myBlink); 
      } else { 
      doBlink(zw[iterator]); 
      }  
     } 

     function hitColor(blink){ 
     if (document.getElementById('blink').style.backgroundColor=="red") 
     hit++; 
    }  
</script> 
</head> 
<body> 
    <table border="1"> 
    <tr> 
     <td id="blinker0"onclick="melden(blinker6")> A </td><td id="blinker1"> B </td><td id = "blinker2"> C </td> 
    </tr> 
    <tr> 
    <td id="blinker3"onclick="melden(blinker6")> D </td><td id="blinker4"> E </td><td id = "blinker5"> F </td> 
    </tr> 
    <tr> 
    <td id="blinker6" onclick="melden(blinker6)" > G </td><td id="blinker7"> H </td><td id = "blinker8"> I </td> 
    </tr>  
</table> 
<br>  
</body> 
</html> 
+0

之前「點擊」需要的空間。也可以考慮在onclick處理程序中設置類,而不是直接修改顏色。 – neuhaus

+0

甲乙Ç – Joachim

+0

我提出在我發送的代碼是錯誤的。我將函數的名稱從德語改爲英文。請在你測試之前改變hitcolor(blink)使之變爲(blink)。 – Joachim

回答

0

拉出第二如果塊出來的第一個的:

if (blinkColor == blinkColors.length+1) { 
    blinkColor = 0; 
    blinkCell.style.backgroundColor = "transparent"; 
    iterator++; 
    } 

    if (iterator == zw.length) { 
    alert("You hit. " + hit); 
    clearInterval(myBlink); 
    } else { 
     doBlink(zw[iterator]); 
    } 
+0

你能看看我的答案嗎? – Joachim

相關問題