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>

張貼者： 於 沒有留言:

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

     var radio1=document.getElementsByName("v1");
     var radio2=document.getElementsByName("v2");
     var radio3=document.getElementsByName("v3");
     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;
        }
      }

   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>








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

2016年5月6日 星期五

5/6

<html> <head> <title> Form </title> <script> 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; break; } } for(var i=0;i<radio1.length;i++) { if(radio2.item(i).checked==true) { flag2=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio3.item(i).checked==true) { flag3=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio4.item(i).checked==true) { flag4=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio5.item(i).checked==true) { flag5=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio6.item(i).checked==true) { flag6=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio7.item(i).checked==true) { flag7=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio8.item(i).checked==true) { flag8=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio9.item(i).checked==true) { flag9=1+i; break; } } for(var i=0;i<radio1.length;i++) { if(radio10.item(i).checked==true) { flag10=1+i; break; } } x=flag1+flag2+flag3+flag4+flag5+flag6+flag7+flag8+flag9+flag10 document.write(x); document.write("<br />"); document.write(flag1,flag2,flag3,flag4,flag5,flag6,flag7,flag8,flag9,flag10); } </script> </head> <body> <form action="post.php" method="post" name="add" enctype="multipart/form-data" onSubmit="return check();" > <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()" /> </form> </body> </html>

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