E07.07. 텍스트 두더쥐 게임

라디오 단추를 이용한 두더쥐 게임입니다.

정해진 시간 동안 라디오 단추를 얼마나 많이 클릭하느냐를 겨루는 게임입니다. 시간을 조절하면

www.X119.com 태그 연습장

</HEAD>

</HEAD>

<TABLE WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5">
<TR><TD WIDTH="100%">
<FONT FACE="돋움,HELVETICA" SIZE="3"><center>

<SCRIPT LANGUAGE="JavaScript">
counter=30;
temp=0;
counthit=0;
hit=0;
current=0;
position=0;
flash=0;

function playgame()
{  
      random=(Math.floor(Math.random()*100%36));
      if(isNaN(random)||random>36)
         random=10;
      document.field.elements[temp].checked=false;
      document.field.elements[random].checked=true;
      current=random;
      temp=random;
      counthit++;
      randbutton=setTimeout("playgame()",1000);
}

function stopgame()
{
      clearTimeout(timer);
      clearTimeout(randbutton);
      counthit=counthit-1;
      if(document.keepscore.score.value>=counthit)
      {
         alert('CONGRATULATIONS! PERFECT SCORE!\n\nYou hit '+document.keepscore.score.value+' targets out of '+counthit+' possible targets!\nThats ' +Math.ceil((document.keepscore.score.value/counthit)*100)+'% accuracy!');
         perfect();
      }
      else
         alert('Time\'s Up!\n\nYou hit '+document.keepscore.score.value+' targets out of '+counthit+' possible targets.\nHit Percentage: '+Math.ceil((document.keepscore.score.value/counthit)*100)+'%');
      document.field.reset();
      document.keepscore.reset();
      valu=0;
      counter=30;
      count=0;
      counthit=0;
      hit=0;
      temp=0;
}

function check(position)
{
   if(position-1==current)
      hit++;
   else
      document.field.elements[position].checked=false;

document.keepscore.score.value=hit;
}

function perfect()
{
   intrvl=0;
   for(var x=0;x<=10;x++)
   {
      intrvl += 100;
      setTimeout("document.bgColor='blue';",intrvl);
      intrvl += 100;
      setTimeout("document.bgColor='yellow';",intrvl);
      intrvl += 100;
      setTimeout("document.bgColor='green';",intrvl);
      intrvl += 100;
      setTimeout("document.bgColor='red';",intrvl);
      intrvl += 100;
      setTimeout("document.bgColor='purple';",intrvl);
      intrvl += 100;
      setTimeout("document.bgColor='orange';",intrvl);
      intrvl += 100;
      setTimeout("document.bgColor='white';",intrvl);
   }
}

</SCRIPT>

<FORM NAME="field">
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=1 VALIGN="top">
<TR><TD>
<TABLE CELLPADDING=0 CELLSPACING=3 BORDER=0>
<SCRIPT LANGUAGE="JavaScript">
count=0;
for(var x=0; x<=5; x++)
{
   document.write('<TR>');
   for(var y=0; y<=5; y++)
   {
      count++;
      document.write('<TD><INPUT TYPE="radio" ONCLICK="check('+count+')"></TD>');
   }
   document.writeln('</TR>');
}
</SCRIPT>
</TABLE>
</TD></TR>
</TABLE>

</FORM>

</TD></TR></TABLE>
                
<BR>
</CENTER>
</FONT>
</TD></TR>
</TABLE>

<CENTER> 
<TABLE width="640" border="0" cellspacing="2" cellpadding="2">
<TR> 
<TD align="center" valign="middle" height="24" bgcolor="orange">
<FONT size="4" color="white">
** 게임 설명 **
</FONT>
</TD></TR>
<TR><TD bgcolor="cornsilk">
1. 일종의 두더쥐 게임입니다.
<BR>
2. 정해진 시간 동안 화면에 나오는 단추를 클릭하면 됩니다.
<BR>
3. 자신의 마우스 감각을 시험해보세요.
 
</TD></TR>
</TABLE>
</CENTER>

</BODY>
</HTML>