蘇佑安VSCode編輯HTML,CSS,JS俄羅斯方塊

模仿印度程式設計

335影片

336影片

337影片

利用w3schools學習JavaScript Arrays

w3schools學習陣列截圖

在撰寫模式下貼上程式碼

<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>