메모리 테스트 게임, 웹 JS 버전, 규칙: 그림은 15개 조각으로 나뉩니다. 매번 무작위로 조각이 주어지는데, 물음표 영역에서 조각의 위치를 찾아 클릭하세요. 각 올바른 영역은 1점의 가치가 있으며, 각 게임에서 승리하려면 15점이 필요합니다. <title>기억력 테스트</title> <style> .20pt{font-size:20pt;color:#de3076} </style> <div style="position:absolute;top:-100;left:110;z-index:1000;width:300;height:500"> </div> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] <!-- N = (navigator.appName.indexOf("Netscape")!=-1); M = (navigator.appName.indexOf("Microsoft")!=-1); Vis = new Array(); Vis[0] = (M) ? "hidden" : "hide"; Vis[1] = (M) ? "visible" : "show"; function GetDiv(divId,divY,divX,divW,divH,bCol,visb,zInd) { bkCol=(bCol!="")?((N)?" bgColor="+bCol:";background:"+bCol):""; DivTyp = (M) ? "<DIV" : "<LAYER" if (M) { Styl=" ID="+divId+" style='position:absolute;top:"+divY+";left:"+divX+";width:"+divW+";height:"+divH+bkCol+";visibility:"+Vis[visb]+";z-index:"+zInd+"'>"; } if (N) { Styl=" ID="+divId+" top="+divY+" left="+divX+" width="+divW+" height="+divH+bkCol+" visibility="+Vis[visb]+" z-index="+zInd+">"; } document.writeln(DivTyp+Styl); } function EndDiv() { (M)? document.writeln("") : document.writeln(""); } corr = new Array(); gnum = 0; score = 0; ind = 0; for (rows = 0; rows < 3; rows++) { for (cols = 0; cols < 5; cols++) { ind++; corr[ind] = 0; eval("GetDiv('d"+ind+"',"+rows*100+","+cols*100+",100,100,'',1,0)"); document.write("<img src=/upload/201102/Pic",ind,".jpg style="max-width:90%"그림 퍼즐 기억력 테스트 게임, 웹페이지 JS 버전_게임 엔터테인먼트" >"); EndDiv(); eval("GetDiv('dvTop"+ind+"',"+rows*100+","+cols*100+",100,100,'',0,1)"); document.write("<a href='javascript:TestMe(",ind,")'><img name = Pix",ind," src=/upload/201102/unknown.gif style="max-width:90%"그림 퍼즐 기억력 테스트 게임, 웹페이지 JS 버전_게임 엔터테인먼트" >"); EndDiv(); } } GetDiv('Control1',300,0,400,100,'silver',1,0); document.write("<center><br>先仔细的看看这幅图,然后<a href='javascript:StartTest()'>开始测试."); EndDiv(); GetDiv('Control2',300,0,400,100,'silver',0,1); document.write("<center><br>这幅图对应在上面的哪个位置?=><br><br>"); EndDiv(); GetDiv('TestPix',300,400,100,100,'',1,1); document.write("<img src=/upload/201102/unknown.gif name=Tester style="max-width:90%"); EndDiv(); function StartTest() { if (M) { eval("document.all.Control2.style.visibility = 'visible'"); } if (N) { eval("document.layers.Control2.visibility = 'show'"); } for (x = 1; x < 16; x++) { if (corr[x] == 0) { if (M) { eval("document.all.dvTop"+x+".style.visibility = 'visible'"); } if (N) { eval("document.layers.dvTop"+x+".visibility = 'show'"); } } } PickRandom(); document.Tester.src = "/upload/201102/Pic"+picked+".jpg"; } function PickRandom() { chk = 0 while (chk == 0) { picked = 1+Math.floor(15*Math.random()) if (corr[picked] == 0) { chk = 1; break; } } } function TestMe(x) { gnum++; if (x == picked) { score++; corr[x] = 1; } if (M) { eval("document.all.dvTop"+x+".style.visibility = 'hidden'"); } if (N) { eval("document.layers.dvTop"+x+".visibility = 'hide'"); } if (gnum > 14) { alert("It's over! Score = "+score); for (x = 1; x < 16; x++) { corr[x] = 0; } if (score == 15) alert("And you win!"); gnum = 0; score = 0; window.close(); } setTimeout('StartTest()', 1000); } -->
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
