2016年5月20日 星期五

XAXB

<html>

<head><script language="JavaScript">
<!--
var all_times;
var win_times;
var answer;
var talk;
var times;
var ExpDate = new Date();
ExpDate.setTime(ExpDate.getTime() + (24*60*60*30*1000));

//Cookie
function GetCookie(name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
        return getCookieVal (j);
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
        break;
  }
  return null;
}

function SetCookie (name, value) {
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires="
                              + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path))
                              + ((domain == null) ? "" : ("; domain=" + domain))
                              + ((secure == true) ? "; secure" : "");
}

function getCookieVal (offset) {
   var endstr = document.cookie.indexOf (";", offset);
   if (endstr == -1)
      endstr = document.cookie.length;
   return unescape(document.cookie.substring(offset, endstr));
}
//end Cookie

all_times = GetCookie("alltimes");
win_times = GetCookie("wintimes");
if(all_times == null)
{
  win_times=all_times=0;
  SetCookie("wintimes",win_times,ExpDate);
  SetCookie("alltimes",all_times,ExpDate);
}

function restart()
{
  clear();
  answer="";
  talk="";
  times=0;
  var a1 = Math.floor(Math.random()*10);
  var a2 = Math.floor(Math.random()*10);
  var a3 = Math.floor(Math.random()*10);
  var a4 = Math.floor(Math.random()*10);

  while(a2==a1)
  a2 = Math.floor(Math.random()*10);
  while((a3==a1)||(a3==a2))
  a3 = Math.floor(Math.random()*10);
  while((a4==a1)||(a4==a2)||(a4==a3))
  a4 = Math.floor(Math.random()*10);
  answer = a1+""+a2+""+a3+""+a4;
}

function right(form)
{
  var guessstring = form.guess.value;
  var anum=0;
  var bnum=0;

  for(i=0;i<4;i++)
  {
     if(answer.substring(i,i+1)==guessstring.substring(i,i+1))
       anum++;
     else
     {
       for(j=0;j<4;j++)
       {
          if(j!=i)
          {
            if(answer.substring(j,j+1)==guessstring.substring(i,i+1))
              bnum++;
          }
       }
     }
  }
  times++;
  if(anum==4)
  {
    alert("猜了第"+times+"次就答對了!!");
    win_times++;
    all_times++;
    SetCookie("wintimes",win_times,ExpDate);
    SetCookie("alltimes",all_times,ExpDate);
    if(confirm("不錯嗎!再來一局吧??"))
      restart();
    else
      window.close();
  }
  else
  {
      if(times==20)
      {
         alert("Game Over!!猜數字的次數已超過20次!!");
         all_times++;
         SetCookie("alltimes",all_times,ExpDate);
         if(confirm("別灰心!再來一局吧??"))
            restart();
         else
            window.close();
      }
      else
      {
         talk=talk+"\n"+guessstring+"  "+anum+"A"+bnum+"B";
         alert(talk+"\n這是您第"+times+"次所猜的數字!");
         clear();
      }
   }
}

function check(form)
{
  var guessstring=form.guess.value;
  if(guessstring.length==4)
  {
     if((guessstring.substring(0,1)==guessstring.substring(1,2))||
         (guessstring.substring(0,1)==guessstring.substring(2,3))||
         (guessstring.substring(0,1)==guessstring.substring(3,4))||
         (guessstring.substring(1,2)==guessstring.substring(2,3))||
         (guessstring.substring(1,2)==guessstring.substring(3,4))||
         (guessstring.substring(2,3)==guessstring.substring(3,4)))
     {
       alert("錯誤!!請輸入4位不同的數字!!");
       clear();
     }
     else
       right(form);
  }
  else
  {
    alert("錯誤!!請輸入4位不同的數字!!");
    clear();
  }
}

function clear()
{
  document.game.guess.value="";
  document.game.guess.focus();
}

function record()
{
  var rec1;
  var rec2=all_times-win_times;
  if(all_times==0)
    rec1=0;
  else
    rec1=Math.round(win_times/all_times*100);
  alert("目前你(妳)的戰績為 "+win_times+"勝"+rec2+"敗\n"+
          "勝率為 "+rec1+"% !!");
  clear();
}

function clearrecord()
{
  if(confirm("確定要清除紀錄??"))
  {
    win_times=all_times=0;
    SetCookie("wintimes",win_times,ExpDate);
    SetCookie("alltimes",all_times,ExpDate);
  }
}


//-->
</script>

<title>1A2B Java Script</title>
</head>

<body

<p align="center"><big>1A2B</big></big></font></p>

<form name="game" onSubmit="check(this);return false;">

  <div align="center"><center><p><input type="text" size="8" name="guess"> <input type="button" value="送出" onClick="check(this.form)"> <input type="button" value="查看已猜數字!" onClick="alert(talk+'\n這是你(妳)'+times+'次所猜的數字!')"> </p>

  </center></div><hr>
<div align="center"><center><p><input type="button" value="遊戲開始" onClick="restart()">
  </center></div>
</form>


</body>
</html>
張貼者： 於 沒有留言:

隨機變數圓餅圖

隨機變數圓餅圖
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

    <script type="text/javascript">
Math.random()*4+1

      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      var x1,x2,x3,x4;
    
    function aaa() {
     x1=0;
     x2=0;
     x3=0;
     x4=0;

var max=20;
var min=0;
x1=Math.floor(Math.random()*(max-min+1)+min);
x2=Math.floor(Math.random()*(max-min+1)+min);
x3=Math.floor(Math.random()*(max-min+1)+min);
x4=Math.floor(Math.random()*(max-min+1)+min);
drawChart();

  }
    function add() {
      
 var radio1 = document.getElementsByName("v1");
 var radio2 = document.getElementsByName("v2");
 var radio3 = document.getElementsByName("v3");
 var radio4 = document.getElementsByName("v4");


   for(var i=0;i<radio1.length;i++)
   {
     if(radio1.item(i).checked==true)
     {
i = i+1
     alert(i);
if (i==1)
  {
a=a+1;
  }
if (i==2)
  {
b=b+1;
  }
if (i==3)
  {
c=c+1;
  }
if(i==4)
{
d=d+1;
}

document.getElementById('c1').value=a;
document.getElementById('c2').value=b;
document.getElementById('c3').value=c;
document.getElementById('c4').value=d;

break;
     }
   }
 for(var i=0;i<radio2.length;i++)
   {
     if(radio2.item(i).checked==true)
     {
i = i+1
     alert(i);
if (i==1)
  {
a=a+1;
  }
if (i==2)
  {
b=b+1;
  }
if (i==3)
  {
c=c+1;
  }
if(i==4)
{
d=d+1;
}



document.getElementById('c1').value=a;
document.getElementById('c2').value=b;
document.getElementById('c3').value=c;
document.getElementById('c4').value=d;
break;
     }
   }
for(var i=0;i<radio3.length;i++)
   {
     if(radio3.item(i).checked==true)
     {
i = i+1
     alert(i);
if (i==1)
  {
a=a+1;
  }
if (i==2)
  {
b=b+1;
  }
if (i==3)
  {
c=c+1;
  }
if(i==4)
{
d=d+1;
}


document.getElementById('c1').value=a;
document.getElementById('c2').value=b;
document.getElementById('c3').value=c;
document.getElementById('c4').value=d;
break;
     }
   }
for(var i=0;i<radio4.length;i++)
   {
     if(radio4.item(i).checked==true)
     {
i = i+1
     alert(i);
if (i==1)
  {
a=a+1;
  }
if (i==2)
  {
b=b+1;
  }
if (i==3)
  {
c=c+1;
  }
if(i==4)
{
d=d+1;
}


document.getElementById('c1').value=a;
document.getElementById('c2').value=b;
document.getElementById('c3').value=c;
document.getElementById('c4').value=d;
break;
     }
   }



      drawChart();
      }

      function drawChart() {
       
       var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     x1],
          ['Eat',      x2],
          ['Commute',  x3],
          ['bitch',x4],
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>

<h1>你選了什麼？</h1>
<input name="v1" type="radio" value="300年">300年          
<input name="v1" type="radio" value="400年">400年             
<input name="v1" type="radio" value="1000年">1000年
<input name="v1" type="radio" value="1000年">1000年
<br>
<h1>你選了什麼？</h1>
<input name="v2" type="radio" value="300年">300年          
<input name="v2" type="radio" value="400年">400年             
<input name="v2" type="radio" value="1000年">1000年
<input name="v2" type="radio" value="1000年">1000年
<br>
<h1>你選了什麼？</h1>
<input name="v3" type="radio" value="300年">300年          
<input name="v3" type="radio" value="400年">400年             
<input name="v3" type="radio" value="1000年">1000年
<input name="v3" type="radio" value="1000年">1000年
<br>
<h1>你選了什麼？</h1>
<input name="v4" type="radio" value="300年">300年          
<input name="v4" type="radio" value="400年">400年             
<input name="v4" type="radio" value="1000年">1000年
<input name="v4" type="radio" value="1000年">1000年
<br>


c1: 
 <input type="text" name="FirstName" id="c1" <br><br/> 

 c2:
 <input type="text" name="address" id="c2" <br></br>

 c3:
 <input type="text" name="address" id="c3" <br></br>
c4:
 <input type="text" name="address" id="c4" <br></br>



 <input type="button" value="submit" onclick="add()"/>
 <input type="button" value="123456789" onclick="aaa()"/>

    <div id="piechart" style="width: 900px; height: 500px;"></div>

  </body>
</html>
張貼者： 於 沒有留言:

2016年5月19日 星期四

圓餅圖

圓餅圖
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
     var a=0;
     var b=0;
     var c=0;
      function check1() {

      var radio1=document.getElementsByName("v1");
var radio2=document.getElementsByName("v2");
var radio3=document.getElementsByName("v3");
var radio4=document.getElementsByName("v4");
var radio5=document.getElementsByName("v5");
var radio6=document.getElementsByName("v6");
var radio7=document.getElementsByName("v7");
var radio8=document.getElementsByName("v8");
var radio9=document.getElementsByName("v9");
var radio10=document.getElementsByName("v10");
   for(var i=0;i<radio1.length;i++)  {
         if(radio1.item(i).checked==true) {
          flag1=1+i;
      if (flag1==1){a=a+1;}
      else if(flag1==2){b=b+1;}
      else{c=c+1;}
                            break;
     }
     

}
   for(var i=0;i<radio1.length;i++)  {
         if(radio2.item(i).checked==true) {
          flag2=1+i;
        
      if (flag2==1){a=a+1;}
else if(flag2==2){b=b+1;}
else {c=c+1;}
                  break;
     }

}
for(var i=0;i<radio1.length;i++)  {
         if(radio3.item(i).checked==true) {
          flag3=1+i;
               if (flag3==1){a=a+1;}
else if(flag3==2){b=b+1;}
else {c=c+1;}
                  break;
     }

}
for(var i=0;i<radio1.length;i++)  {
         if(radio4.item(i).checked==true) {
          flag4=1+i;
               if (flag4==1){a=a+1;}
else if(flag4==2){b=b+1;}
else {c=c+1;}
                  break;
     }

}
for(var i=0;i<radio1.length;i++)  {
         if(radio5.item(i).checked==true) {
          flag5=1+i;
        
      if (flag5==1){a=a+1;}
else if(flag5==2){b=b+1;}
else {c=c+1;}
                  break;
     }
}
for(var i=0;i<radio1.length;i++)  {
         if(radio6.item(i).checked==true) {
          flag6=1+i;
         if (flag6==1){a=a+1;}
else if(flag6==2){b=b+1;}
else {c=c+1;}
                  break;
     }
     
}
for(var i=0;i<radio1.length;i++)  {
         if(radio7.item(i).checked==true) {
          flag7=1+i;
               if (flag7==1){a=a+1;}
else if(flag7==2){b=b+1;}
else {c=c+1;}
                  break;
     }

}
for(var i=0;i<radio1.length;i++)  {
         if(radio8.item(i).checked==true) {
          flag8=1+i;
          if (flag8==1){a=a+1;}
else if(flag8==2){b=b+1;}
else {c=c+1;}
                  break;
     }
    
}
for(var i=0;i<radio1.length;i++)  {
         if(radio9.item(i).checked==true) {
          flag9=1+i;
         if (flag9==1){a=a+1;}
else if(flag9==2){b=b+1;}
else {c=c+1;}
                  break;
     }
     
}
for(var i=0;i<radio1.length;i++)  {
         if(radio10.item(i).checked==true) {
          flag10=1+i;
         if (flag10==1){a=a+1;}
else if(flag10==2){b=b+1;}
else {c=c+1;}
                  break;
     }
     
      }



       drawChart() ;
}
      function drawChart() {



        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['1',     a],
          ['2',     b],
          ['3',     c],
         
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>

<h1>1、ssss？</h1>
<input name="v1" type="radio" value="300年">300年           
<input name="v1" type="radio" value="400年">400年             
<input name="v1" type="radio" value="1000年">1000年


<h1>2、ssss？</h1>
<input name="v2" type="radio" value="300年">300年           
<input name="v2" type="radio" value="400年">400年             
<input name="v2" type="radio" value="1000年">1000年

<h1>3、ssss？</h1>
<input name="v3" type="radio" value="300年">300年           
<input name="v3" type="radio" value="400年">400年             
<input name="v3" type="radio" value="1000年">1000年

<h1>4、ssss？</h1>
<input name="v4" type="radio" value="300年">300年           
<input name="v4" type="radio" value="400年">400年             
<input name="v4" type="radio" value="1000年">1000年

<h1>5、ssss？</h1>
<input name="v5" type="radio" value="300年">300年           
<input name="v5" type="radio" value="400年">400年             
<input name="v5" type="radio" value="1000年">1000年

<h1>6、ssss？</h1>
<input name="v6" type="radio" value="300年">300年           
<input name="v6" type="radio" value="400年">400年             
<input name="v6" type="radio" value="1000年">1000年

<h1>7、ssss？</h1>
<input name="v7" type="radio" value="300年">300年           
<input name="v7" type="radio" value="400年">400年             
<input name="v7" type="radio" value="1000年">1000年

<h1>8、ssss？</h1>
<input name="v8" type="radio" value="300年">300年           
<input name="v8" type="radio" value="400年">400年             
<input name="v8" type="radio" value="1000年">1000年

<h1>9、ssss？</h1>
<input name="v9" type="radio" value="300年">300年           
<input name="v9" type="radio" value="400年">400年             
<input name="v9" type="radio" value="1000年">1000年

<h1>10、ssss？</h1>
<input name="v10" type="radio" value="300年">300年           
<input name="v10" type="radio" value="400年">400年             
<input name="v10" type="radio" value="1000年">1000年

 <input type="button" value="submit" onclick="check1() " />

    <div id="piechart" style="width: 900px; height: 500px;"></div>
  </form>
  </body>
</html>
張貼者： 於 沒有留言:
訂閱： 文章 (Atom)