<!DOCTYPE HTML PUBLIC "-W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> flashanzan　</title>
<body  background="pb261.jpg"> <text="blue">
<p> <font size="7" color="green">
<h1> &nbsp;  &nbsp;&nbsp   フラッシュ　暗算　</h1>
<input type="button" onClick="JavaScript:gameshokyu();" value="　初級　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:gamechukyu();" value="　中級　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:gamejyoukyu();" value="　上級　"  size=30 style="font-size:30px;">
<div style="position ; absolute; top:70px ; left:300px" id="number" > </div>
<input type="button" style="position ; absolute; top:260px ; left:70px" onClick="JavaScript:gameStart();" value="スタート"
  size=30 style="font-size:30px;">
<br>
<div style="position ; absolute; top:120px ; left:300px" id="kaito" > </div>
<div style="position ; absolute; top:220px ; left:300px" id="correctAns" > </div>
<div style="position ; absolute; top:270px ; left:300px" id="kotae" > </div>
<input type="button" onClick="JavaScript:inputKaito(7);" value="　7　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:inputKaito(8);" value="　8　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:inputKaito(9);" value="　9　"  size=30 style="font-size:30px;">
<br>
<input type="button" onClick="JavaScript:inputKaito(4);" value="　4　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:inputKaito(5);" value="　5　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:inputKaito(6);" value="　6　"  size=30 style="font-size:30px;">
<br>
<input type="button" onClick="JavaScript:inputKaito(1);" value="　1　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:inputKaito(2);" value="　2　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:inputKaito(3);" value="　3　"  size=30 style="font-size:30px;">
<br>
<input type="button" onClick="JavaScript:inputKaito(0);" value="　0　"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:del();" value="クリア"  size=30 style="font-size:30px;">
<input type="button" onClick="JavaScript:anser();" value="解答"  size=30 style="font-size:30px;">
<div id="maxNumber">&nbsp;</div>
</font>
</p>
<script type="text/javascript">
var timer=0;
var speed=1000;
var gameFlag=false;
var number;
var maxNumber=0;
var min=1;
var count=5;
var correctAns=0;
var kaito="";
var correctCnt= 0;
function gameshokyu() {
               correctCnt=0 ;
               maxNumber=10*(correctCnt+1);
               min=1;
               speed=1500;
               count=4;
              }

function gamechukyu() {
               correctCnt=0 ;
               maxNumber=100*(correctCnt+1);
               min=10;
               speed=1000;
               count=6;
              }
function gamejyoukyu() {
               correctCnt=0 ;
               maxNumber=1000*(correctCnt+1);
               min=100;
               speed=700;
               count=9;
              }
function gameStart() {
        kaito="";
        correctCnt=0 ;
        document.getElementById('kaito').innerHTML="&nbsp;";
        document.getElementById('correctAns').innerHTML="&nbsp;";
        document.getElementById('kotae').innerHTML="&nbsp;";
        document.getElementById('maxNumber').innerHTML="&nbsp;";
        if(gameFlag==false){
                correctAns=0;
                kaito="";
                document.getElementById('kaito').innerHTML="???";
                timer=setInterval("nextCount();", speed);
                gameFlag=true;
        }
   }
function nextCount() {
        if(count>=0){
                number=Math.floor(Math.random()*(maxNumber+1 - min)) + min;
                correctAns=correctAns+number;
                document.getElementById('number').innerHTML=number;
                count-=1;
        }else{
                gameFlag=false;
                clearInterval(timer);
                document.getElementById('number').innerHTML="&nbsp;";
                }
}
function inputKaito(num) {
        if(gameFlag==false && maxNumber>0){
                kaito=(kaito+"") + (num+"");
                document.getElementById('kaito').innerHTML=kaito;
        }
}
function del() {
        kaito="";
        correctCnt=0 ;
        document.getElementById('kaito').innerHTML="&nbsp;";
        document.getElementById('correctAns').innerHTML="&nbsp;";
        document.getElementById('kotae').innerHTML="&nbsp;";
        document.getElementById('maxNumber').innerHTML="&nbsp;";
}
function anser() {
        if(gameFlag==false && kaito!=""){
                if(correctAns==kaito){
                        correctCnt+=1;
                        document.getElementById('kotae').innerHTML="正解";
                }else{
                        document.getElementById('correctAns').innerHTML=correctAns;               
                        document.getElementById('kotae').innerHTML="不正解";
                }
          }
    }
</script>
</body>
</html>