2016年6月2日 星期四

期中考

<html>
<script>
var answer;

function radom()
{

  answer="";
  var n1 = Math.floor(Math.random()*10);
  var n2 = Math.floor(Math.random()*10);
  var n3 = Math.floor(Math.random()*10);


  while(n2==n1)
  n2 = Math.floor(Math.random()*10);
  while((n3==n1)||(n3==n2))
  n3 = Math.floor(Math.random()*10);

  answer = n1+""+n2+""+n3;
  document.write(answer);

}
   </script>
<body>
 <input type="button" value="亂數" onclick="radom()"/>
</body>

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

猜數字

<html>
 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<head><script language="JavaScript">
<!--

google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart);
var answer;
var talk;
var times;
var times2;
var alltimes;
var ExpDate = new Date();
ExpDate.setTime(ExpDate.getTime() + (24*60*60*30*1000));
times2=0;
alltimes=0;
//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


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++;
  alltimes++;

  if(anum==4)
  {
   times2=alltimes-times;
   alert("猜了第"+times+"次就答對了!!");
      }
  else
  {
      if(times==20)
      {
         alert("Game Over!!猜數字的次數已超過20次!!");
         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();
  }
 drawChart();
}

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




 function drawChart() {
  
       var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['game1',     times],
          ['game2',      times2],
        ]);

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

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

        chart.draw(data, options);
      }



//-->
</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>

  <div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>
張貼者： 於 沒有留言:

2016年5月20日 星期五

5/20 隨機亂數



<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

    <script type="text/javascript">
   
      var a,b,c;
      var n1,n2,n3,n4;

      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
   
      function Ran() {
      n1 = 0;
      n2 = 0;
      n3 = 0;
      n4 = 0;

      var maxNum = 10;
      var minNum = 0;
      n1 = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
      n2 = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
      n3 = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
      n4 = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;

 
      drawChart();
      }

      function drawChart() {
     
       var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['亂數1',n1],
          ['亂數2',n2],
          ['亂數3',n3],
          ['亂數4',n4],
        ]);

        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年
張貼者： 於 沒有留言:

5/20 基本


<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,b,c;
      a=0;
      b=0;
      c=0;
      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;
  }


     
     document.getElementById('c1').value=a;
     document.getElementById('c2').value=b;
     document.getElementById('c3').value=c;
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;
  }

     document.getElementById('c1').value=a;
     document.getElementById('c2').value=b;
     document.getElementById('c3').value=c;
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;
  }

     document.getElementById('c1').value=a;
     document.getElementById('c2').value=b;
     document.getElementById('c3').value=c;
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;
  }

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






      drawChart();
      }

      function drawChart() {
     
       var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['B',a],
          ['C',b],
          ['D',c],
        ]);

        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年
<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年
<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年
<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年
<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>


 <input type="button" value="submit" onclick="add()"/>
    <div id="piechart" style="width: 900px; height: 500px;"></div>

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

2016年5月13日 星期五

5/13 加強版本


<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,b,c,total;
     a=0;
     b=0;
     c=0;
    total=0;
    function add() {

     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)
      {
              i=i+1
     total=total+1
       alert(i);
    if(i==1)
    {
  a=a+1;
     }
    if(i==2)
    {
  b=b+1;
     }
    if(i==3)
    {
  c=c+1;
     }
document.getElementById('c1').value=a;
document.getElementById('c2').value=b;
document.getElementById('c3').value=c;

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

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

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

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

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

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

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

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

                break;
        }
      }
if(total!=10){alert("請選10個選項")}
if(total==9){alert("少選1題")}
if(total==8){alert("少選2題")}
if(total==7){alert("少選3題")}
if(total==6){alert("少選4題")}
if(total==5){alert("少選5題")}
if(total==4){alert("少選6題")}
if(total==3){alert("少選7題")}
if(total==2){alert("少選8題")}
if(total==1){alert("少選9題")}
if(total==0){alert("少選10題")}
   drawChart() ;
    }
     function drawChart() {
          var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     a],
          ['Eat',      b],
          ['Commute',  c],
        ]);

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

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

        chart.draw(data, options);
      }

    </script>
  </head>

  <body>
</h1>D0287476 彭昶然<h1>
</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年
<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年
<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年
<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年
<br>
</h1>你選了什麼?</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年
<br>
</h1>你選了什麼?</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年
<br>
</h1>你選了什麼?</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年
<br>
</h1>你選了什麼?</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年
<br>
</h1>你選了什麼?</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年
<br>
</h1>你選了什麼?</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年
<br>


c1:
<input type="text" name="FristName"id="c1"<br><br/>
c2:
<input type="text" name="FristName"id="c2"<br><br/>
c3:
<input type="text" name="FristName"id="c3"<br><br/>
  
    <input type="button" value="submit" onclick="add()"/>
  <div id="piechart" style="width: 900px; height: 500px;"></div>

  </body>
</html>

張貼者： 於 沒有留言:
訂閱： 文章 (Atom)