2017-02-15 77 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

相关问题