hisa - 経済統計練習帳

<!DOCTYPE html>
<html lang="ja">
 <head>
 <meta charset="utf-8" />
 <title>将軍</title>
     <script src="sample.js" ></script>
    <script src="jquery.js" ></script>
  <script src="sho.js" ></script>
    <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
 
    </head>
 
    <body onload="sample()">
       <p id="memo"></p>
    </body>
</html>
 
var postx = new Array();
 
function sample(){
 
    var sub = new sho();
    sub.faststep();
    postx = sub.postx;
 
 
    paint();
 
 
}
 
function paint(){
 
 
   str1="<table class=\"mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp\">";
  str2="<th class=\"mdl-data-table__cell--non-numeric\">";
  str3="<td class=\"mdl-data-table__cell--non-numeric\">";
 
    str=str1;
    str=str+"<thead>";
   str=str+"<tr>";
   str=str+"<th>会社</th>";
   str=str+"<th>大学</th>";
   str=str+"<th>数</th>";
    str=str+"</tr>"
  str=str+"</thead>";
 
  str=str+"<tbody>";
   for(s=1;s<22;s++){
   str=str+"<tr>";
   str=str+"<td>"+postx[s]+"</td>";
    str=str+"<td>"+postx[s]+"</td>";
   str=str+"<td>"+postx[s]+"</td>";
        str=str+"</tr>";
   }
str=str+"</table>";
 
 
 
 $("#memo").html(str);
 
 
 
 
}
 
 
class sho{
 
postx:string[]=new Array();
 
 
faststep():void{
 
this.postx[0]="";    
this.postx[1]="将軍";
this.postx[2]="大老";
this.postx[3]="駿河城代";
this.postx[4]="美濃藩主";
this.postx[5]="伊勢藩主";
this.postx[6]="信濃藩主";
this.postx[7]="老中";
this.postx[8]="駿河老中";
this.postx[9]="美濃守護";
this.postx[10]="伊勢守護";
this.postx[11]="信濃守護";
this.postx[12]="勘定奉行";
this.postx[13]="町奉行";
this.postx[14]="寺社奉行 ";
this.postx[15]="外国奉行";
this.postx[16]="美濃代官";
this.postx[17]="大垣代官";
this.postx[18]="伊勢代官";
this.postx[19]="松坂代官";
this.postx[20]="信濃代官";
this.postx[21]="松本代官"; 
 
}
 
 
 
 
}