谁可以将下面的方格全部填成黄色(页 1) - JavaScript论坛

zhulei1978 发表于 2007-6-26 10:25

谁可以将下面的方格全部填成黄色

<DIV class=htmlcode>
<html><head> <meta Name="description" Content="A DHTML Puzzle. Try to turn all the lights back on. For Internet Explorer 4.0."> <meta Name="keywords" Content="developers, microsoft, web, internet, explorer, 4.0, dynamic, html, document, object, model, jscripts, javascripts, VBScripts, programming, games"> <link REL="stylesheet" TYPE="text/css" HREF="_res/css/theme.css"> <script> function ShowMenu(bMenu) { document.all.idFinder.style.display = (bMenu) ? "none" : "block" document.all.idMenu.style.display = (bMenu) ? "block" : "none" idML.className = (bMenu) ? "cOn" : "cOff" idRL.className = (bMenu) ? "cOff" : "cOn" return false } </script>
<style>  </style> <script>  </script>
<style> #board {cursor: default} #board TD {width: 25px; height: 25px; } </style>
<body> <script> var size=10 var moves = 0 var off = size*2 var on = 0 var current = null function doOver() { if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) { if (current!=null) current.style.backgroundColor = current._background event.srcElement._background = event.srcElement.style.backgroundColor event.srcElement.style.backgroundColor = "lightgrey" current = event.srcElement } }
 function setColor(el) { if ((el._background=="") || (el._background==null)) { el.style.backgroundColor = "yellow" el._background = "yellow" } else { el.style.backgroundColor = "" el._background = "" } }
 function countLights() { off = 0; on = 0 for (var x=0; x < size; x++) for (var y=0; y < size; y++) { var p = board.rows[x].cells[y] if (p._background=="yellow") on++ else off ++ } document.all.on.innerText = on if (off!=0) document.all.off.innerText = off else document.all.off.innerText = "You Win!" return (off==0) }
 function doClick() { setColor(current) var cellIdx = current.cellIndex var rowIdx = current.parentElement.rowIndex if (rowIdx>0) setColor(board.rows[rowIdx-1].cells[cellIdx]) if (rowIdx<size-1) setColor(board.rows[rowIdx+1].cells[cellIdx]) if (cellIdx>0) setColor(board.rows[rowIdx].cells[cellIdx-1]) if (cellIdx<size-1) setColor(board.rows[rowIdx].cells[cellIdx+1]) moves++ document.all.moves.innerText = moves win = countLights() if (win) { board.onclick = null board.onmouseover = null current.style.background = "yellow" } }
 function buildBoard() { var str = "<TABLE ID=board ONSELECTSTART=\"return false\" ONCLICK=\"doClick()\" ONMOUSEOVER=\"doOver()\" cellspacing=0 cellpadding=0 border=5>" for (var x=0; x < size; x++) { str+="<TR>" for (var y=0; y < size; y++) { str+="<TD> </TD>" } str+="</TR>" } str+="</TABLE>" return str }
 function newGame() { size = document.all.gameSize.value if (size<3) size=3 if (size>15) size=15 document.all.gameSize.value = size document.all.board.outerHTML = buildBoard() moves=0 document.all.moves.innerText = moves countLights() } </script>
 <big>在方格上点击，你可以将下面的方格全部填成黄色吗<font color="#FF0000"><big><big>？</big></big></big>
快开动你智慧脑筋，看看有什么技巧与规律。
<table border="1" width="100%"> <tr> <td width="50%"><div align="right"><table ID="score" border="0" width="284"> <tr> <td width="52">移动: </td> <td id="moves" width="33">0</td> <td width="42">灯灭:</td> <td id="off" width="36">25</td> <td width="46">灯亮:</td> <td id="on" width="39">0</td> </tr> </table> </div></td> <td width="50%"><div align="left"><table width="204"> <tr> <td width="54">大小: </td> <td width="41"><input ID="gameSize" TYPE="text" VALUE="10" SIZE="2"></td> <td width="97"><input ONCLICK="newGame()" TYPE="button" VALUE="开始游戏"></td> </tr> </table> </div></td> </tr> </table>
<script> document.write(buildBoard()) </script> </body></html></DIV>
[align=right][color=#000066][此贴子已经被作者于2007-6-26 10:27:02编辑过][/color][/align]

cyyu_ryh 发表于 2007-6-26 12:26

找到规律了还是简单

lmhllr 发表于 2007-6-26 20:02

算法吧~~

页: [1]