莊秀慧VSCode編輯HTML,CSS,JS俄羅斯方塊

w3schools學習陣列截圖

335影片

336影片

337影片

模仿印度開發人員

利用w3schools學習JavaScript Arrays

賽保,富豪,寶馬,莊秀慧

0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0
0,1,0,0,1,0,1,1,0
0,1,0,0,1,0,0,1,1
1,1,0,0,1,1,0,0,0
0,1,1,1,1,0,0,0,0
1,1,1,0,1,0,0,0,0
1,1,1,1
undefined

white
red
orange
yellow
darkgreen
#29296e
indigo
purple

在撰寫模式下貼上程式碼

<h1>JavaScript Arrays</h1>

<p id="demo"></p>

<p id="demo1"></p>

<p id="demo2"></p>

<script>/*css共用幾乎有*/

const FOUR = [                  //二維矩陣設定

    [[0,1,0,0],[0,1,0,0],[0,1,0,0],[0,1,0,0]],//I紅

    [[0,1,0],  [0,1,0],  [1,1,0]],            //J橘

    [[0,1,0],  [0,1,0],  [0,1,1]],            //L黃

    [[1,1,0],  [0,1,1],  [0,0,0]],            //Z綠

    [[0,1,1],  [1,1,0],  [0,0,0]],            //S藍

    [[1,1,1],  [0,1,0],  [0,0,0]],            //T靛

    [[1,1],    [1,1],]];             //M紫,正方形,以上共7個

const COLORS = [   "white","red","orange","yellow","darkgreen","#29296e","indigo","purple"];

const cars = ["賽保", "富豪", "寶馬", "莊秀慧"];//一維array

document.getElementById("demo").innerHTML = cars;

tmp1=""; tmp2="";

for(i=0; i < COLORS.length; i++)

{tmp1 += FOUR[i];tmp1 += "<br>";

tmp2 += COLORS[i];tmp2 += "<br>"}

document.getElementById("demo1").innerHTML = tmp1;

document.getElementById("demo2").innerHTML = tmp2

</script>