摘要:javascript 消消樂 (跟C#版差不多)
晚上回家問了姊姊，才知道我害怕的事情真的發生了。
不過也難免的，畢竟不是每個人都懂功能是什麼東西。
告知姊姊C#需要安裝額外的軟體，
就像flash要有flash player, 要上網至少要有瀏覽器......
她就很驚訝......(再說誰也不想沒事吃掉記憶體空間)
鮮少人用Visual Studio，誰會願意安裝.Net framework呢？
於是我要從頭來，
用網頁的話，應該比較好操作與玩。
目前只完成圖片的變化，跟前天的消消樂Part2差不多。
希望明天可以還原到Part3。
至於C#版本的消消樂就此打住。
大概等我有時間和興趣才會繼續吧。
然而能做到那樣程度我已經很感動了~
因為我一直很害怕寫到最後變成屍體XDDDDD
現在那樣至少還可以點來點去~
只是差規則沒有像我想的一樣
Anyway, 我喜歡C#, 但我更喜歡姊姊XDDD
希望能做出讓姊姊開心與滿意的作品~
目前網頁版：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TTD</title>
</head>
<script type="text/javascript">
var color = new Array(6);
for(var p=0;p<6;p++)
{
color[p]=new Array(6);
}
var pic = new Array(6);
for(var q=0;q<6;q++)
{
pic[q]=new Array(6);
}
function initial()
{
color[0][0] = Math.floor(1 + Math.random() * 4);
color[0][1] = Math.floor(1 + Math.random() * 4);
color[0][2] = Math.floor(1 + Math.random() * 4);
color[0][3] = Math.floor(1 + Math.random() * 4);
color[0][4] = Math.floor(1 + Math.random() * 4);
color[0][5] = Math.floor(1 + Math.random() * 4);
color[1][0] = Math.floor(1 + Math.random() * 4);
color[1][1] = Math.floor(1 + Math.random() * 4);
color[1][2] = Math.floor(1 + Math.random() * 4);
color[1][3] = Math.floor(1 + Math.random() * 4);
color[1][4] = Math.floor(1 + Math.random() * 4);
color[1][5] = Math.floor(1 + Math.random() * 4);
color[2][0] = Math.floor(1 + Math.random() * 4);
color[2][1] = Math.floor(1 + Math.random() * 4);
color[2][2] = Math.floor(1 + Math.random() * 4);
color[2][3] = Math.floor(1 + Math.random() * 4);
color[2][4] = Math.floor(1 + Math.random() * 4);
color[2][5] = Math.floor(1 + Math.random() * 4);
color[3][0] = Math.floor(1 + Math.random() * 4);
color[3][1] = Math.floor(1 + Math.random() * 4);
color[3][2] = Math.floor(1 + Math.random() * 4);
color[3][3] = Math.floor(1 + Math.random() * 4);
color[3][4] = Math.floor(1 + Math.random() * 4);
color[3][5] = Math.floor(1 + Math.random() * 4);
color[4][0] = Math.floor(1 + Math.random() * 4);
color[4][1] = Math.floor(1 + Math.random() * 4);
color[4][2] = Math.floor(1 + Math.random() * 4);
color[4][3] = Math.floor(1 + Math.random() * 4);
color[4][4] = Math.floor(1 + Math.random() * 4);
color[4][5] = Math.floor(1 + Math.random() * 4);
color[5][0] = Math.floor(1 + Math.random() * 4);
color[5][1] = Math.floor(1 + Math.random() * 4);
color[5][2] = Math.floor(1 + Math.random() * 4);
color[5][3] = Math.floor(1 + Math.random() * 4);
color[5][4] = Math.floor(1 + Math.random() * 4);
color[5][5] = Math.floor(1 + Math.random() * 4);
pic[0][0]="pic00";
pic[0][1]="pic01";
pic[0][2]="pic02";
pic[0][3]="pic03";
pic[0][4]="pic04";
pic[0][5]="pic05";
pic[1][0]="pic10";
pic[1][1]="pic11";
pic[1][2]="pic12";
pic[1][3]="pic13";
pic[1][4]="pic14";
pic[1][5]="pic15";
pic[2][0]="pic20";
pic[2][1]="pic21";
pic[2][2]="pic22";
pic[2][3]="pic23";
pic[2][4]="pic24";
pic[2][5]="pic25";
pic[3][0]="pic30";
pic[3][1]="pic31";
pic[3][2]="pic32";
pic[3][3]="pic33";
pic[3][4]="pic34";
pic[3][5]="pic35";
pic[4][0]="pic40";
pic[4][1]="pic41";
pic[4][2]="pic42";
pic[4][3]="pic43";
pic[4][4]="pic44";
pic[4][5]="pic45";
pic[5][0]="pic50";
pic[5][1]="pic51";
pic[5][2]="pic52";
pic[5][3]="pic53";
pic[5][4]="pic54";
pic[5][5]="pic55";
for(var i = 0; i < 6; i++)
{
for(var j=0;j<6;j++){
switch(color[i][j])
{
case 1:
document.getElementById(pic[i][j]).src="red.png";
break;
case 2:
document.getElementById(pic[i][j]).src="green.png";
break;
case 3:
document.getElementById(pic[i][j]).src="blue.png";
break;
case 4:
document.getElementById(pic[i][j]).src="yellow.png";
break;
}
}
}
}
</script>
<body onload="initial()">
<div align="center">
<table width="480" border="0">
<tr>
<td><img src="blue.png" width="80" height="80" id="pic00"/></td>
<td><img src="blue.png" width="80" height="80" id="pic01"/></td>
<td><img src="blue.png" width="80" height="80" id="pic02"/></td>
<td><img src="blue.png" width="80" height="80" id="pic03"/></td>
<td><img src="blue.png" width="80" height="80" id="pic04"/></td>
<td><img src="blue.png" width="80" height="80" id="pic05"/></td>
</tr>
<tr>
<td><img src="blue.png" width="80" height="80" id="pic10"/></td>
<td><img src="blue.png" width="80" height="80" id="pic11"/></td>
<td><img src="blue.png" width="80" height="80" id="pic12"/></td>
<td><img src="blue.png" width="80" height="80" id="pic13"/></td>
<td><img src="blue.png" width="80" height="80" id="pic14"/></td>
<td><img src="blue.png" width="80" height="80" id="pic15"/></td>
</tr>
<tr>
<td><img src="blue.png" width="80" height="80" id="pic20"/></td>
<td><img src="blue.png" width="80" height="80" id="pic21"/></td>
<td><img src="blue.png" width="80" height="80" id="pic22"/></td>
<td><img src="blue.png" width="80" height="80" id="pic23"/></td>
<td><img src="blue.png" width="80" height="80" id="pic24"/></td>
<td><img src="blue.png" width="80" height="80" id="pic25"/></td>
</tr>
<tr>
<td><img src="blue.png" width="80" height="80" id="pic30"/></td>
<td><img src="blue.png" width="80" height="80" id="pic31"/></td>
<td><img src="blue.png" width="80" height="80" id="pic32"/></td>
<td><img src="blue.png" width="80" height="80" id="pic33"/></td>
<td><img src="blue.png" width="80" height="80" id="pic34"/></td>
<td><img src="blue.png" width="80" height="80" id="pic35"/></td>
</tr>
<tr>
<td><img src="blue.png" width="80" height="80" id="pic40"/></td>
<td><img src="blue.png" width="80" height="80" id="pic41"/></td>
<td><img src="blue.png" width="80" height="80" id="pic42"/></td>
<td><img src="blue.png" width="80" height="80" id="pic43"/></td>
<td><img src="blue.png" width="80" height="80" id="pic44"/></td>
<td><img src="blue.png" width="80" height="80" id="pic45"/></td>
</tr>
<tr>
<td><img src="blue.png" width="80" height="80" id="pic50"/></td>
<td><img src="blue.png" width="80" height="80" id="pic51"/></td>
<td><img src="blue.png" width="80" height="80" id="pic52"/></td>
<td><img src="blue.png" width="80" height="80" id="pic53"/></td>
<td><img src="blue.png" width="80" height="80" id="pic54"/></td>
<td><img src="blue.png" width="80" height="80" id="pic55"/></td>
</tr>
</table>
</div>
</body>
</html>
然後這次SV真的要用暴力法了!!!!!!
新增：
我後來知道我為什麼用二圍陣列怪怪的了，只是單純for少了;......
這就是用網頁程式的小缺點，那就是錯一點就全錯Orz
這樣就可以像C#版本那樣使用囉~