JSFiddle - React, Tailwind, and code Playground

by hans101418011

HTML

<HTML>
<HEAD><TITLE>年制:四年制  科系:資訊工程系  年級:1  課程名稱:  教師姓名:  星期:  節次:  教室:</TITLE></HEAD>
<BODY BACKGROUND="b01.jpg">
<H3 ALIGN=CENTER><FONT COLOR=BLUE>年制:四年制  科系:資訊工程系  年級:1  課程名稱:  教師姓名:  星期:  節次:  教室:</FONT></H3>
<CENTER>
<HR>
<Form Action=search.asp Method=POST>
<Input Type=Submit Value="課表查詢">
</CENTER>
</Form>
<TABLE Border=1>
<TR BGCOLOR=#00FFFF>
<TD>科目代碼</TD><TD>課程名稱</TD><TD>博雅涵養課程領域</TD><TD>必選修</TD><TD>學分數</TD><TD>學期數</TD><TD>年制</TD><TD>科系</TD><TD>年班</TD><TD>授課教師</TD><TD>週一</TD><TD>週二</TD><TD>週三</TD><TD>週四</TD><TD>週五</TD><TD>週六</TD><TD>週日</TD><TD>已選人數(大約)</TD><TD>教室</TD><TD>教學網站</TD><TD>教學附件</TD><TD>課程/選課限額/備註(適合選課班級)</TD></TR>

<TR>
<TD>039170</TD>
<TD><a href=http://webs7.npic.edu.tw/docin/pdoc.aspx?uid=039170 target="_blank" title="課程大綱">中國文學名篇欣賞</a></TD>
<TD> </TD>
<TD>
1必修
</TD>
<TD>3</TD>
<TD>2</TD>
<TD>四年制              </TD>
<TD>
<a href=http://web.csie.npic.edu.tw/bin/home.php target=_blank title="系所網站">資工</a>
</TD>
<TD>101資工     </TD>
<TD>
<a href=mailto:sjchang@npic.edu.tw title="研究室館別及號碼:,Office Hour:週一5,週二56,週三5,電子信箱請按">張秀容</a>
</TD>
<TD>1</TD><TD>12</TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
<TD>54</TD>
<TD>M2314 
</TD>
<TD>無
</TD>
<TD>無
</TD>
<TD>60/100/</TD>
</TR>

<TR>
<TD>039171</TD>
<TD><a href=http://webs7.npic.edu.tw/docin/pdoc.aspx?uid=039171 target="_blank" title="課程大綱">英文選讀</a></TD>
<TD> </TD>
<TD>
1必修
</TD>
<TD>3</TD>
<TD>2</TD>
<TD>四年制              </TD>
<TD>
<a href=http://web.csie.npic.edu.tw/bin/home.php target=_blank title="系所網站">資工</a>
</TD>
<TD>101資工     </TD>
<TD>
<a href=mailto:vacation@npic.edu.tw title="研究室館別及號碼:二館504室,Office Hour:週一56,週二56,電子信箱請按">潘怡君</a>
</TD>
<TD>234</TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
<TD>60</TD>
<TD>M2314 
</TD>
<TD>無
</TD>
<TD>無
</TD>
<TD>60/100/B班</TD>
</TR>

<TR>
<TD>039172</TD>
<TD><a href=http://webs7.npic.edu.tw/docin/pdoc.aspx?uid=039172 target="_blank" title="課程大綱">軍訓</a></TD>
<TD> </TD>
<TD>
6必修
</TD>
<TD>0</TD>
<TD>2</TD>
<TD>四年制             ...

JavaScript

javascript:(
	function(){
		try{
			jQuery();
		}catch(e){
			s=document.createElement('script');
			s.type='text/javascript';
			s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
			document.getElementsByTagName('head')[0].appendChild(s);
		} 
		setTimeout(function(){
            var tdnums = $('table:first td').size();
            var row = Math.floor(tdnums/22);
            var cel = 22;
            var array1 = new Array(row);
            for (i = 0 ; i < cel ; i++) {
                  array1[i] = new Array(cel);
            }
            for (i = 0 ; i < row ; i++) {
                  for (j = 0 ; j < cel ; j++) {
                        array1[i][j] = $('table:first td:eq('+(i*22+j)+')').text();
                  }
            }
            var text1="";
            var x=2,y=3,z=1;
            var d1 = 6;
            var d2 = 9;
            var subject = new Array(d1);
            for (i = 0 ; i < d2 ; i++) {
                  subject[i] = new Array(d2);
            }
            for( x = 1 ; x < d1 ; x++){ 
                for( y = 1 ; y < d2 ; y++){
                    for( z = 1 ; z < row ; z++){
                        if( array1[z][x+9].indexOf(y) >= 0 ){
                            subject[y][x]=array1[z][1];
                        }
                    }
                }
            }
            subject[0][1]="一";
            subject[0][2]="二";
            subject[0][3]="三";
            subject[0][4]="四";
            subject[0][5]="五";
            
            subject[1][0]="8:10~9:00";
            subject[2][0]="9:10~10:00";
            subject[3][0]="10:10~11:00";
            subject[4][0]="11:10~12:00";
            subject[5][0]="13:20~14:10";
            subject[6][0]="14:20~15:10";
            subject[7][0]="15:20~16:10";
            subject[8][0]="16:20~17:10";
            
            subject[3][2]="班週會";
            subject[4][2]=subject[3][2];
            
            for( x = 0 ; x < d2 ; x++ ){
               ...