崔甯甯VSCode編輯HTML,CSS,JS俄羅斯方塊

崔甯甯俄羅斯方塊截圖

參考印度開發人員

崔甯甯教學影片335

崔甯甯教學影片336

崔甯甯教學影片337

崔甯甯教學影片338

w3schools截圖練習迴圈array與陣列loop

lt=less than小於, gt=greater than

JavaScript陣列Arrays由連續相關變數構成

崔甯甯利用迴圈輸出

崔甯甯在撰寫模式貼上以上程式碼

alt=less than小於, gt=greater than <h1>JavaScript陣列Arrays由連續相關變數構成</h1>

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

<h1>崔甯甯利用迴圈輸出</h1>

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

<script>

const COLORS = ["lightgray", "red", "orange", "yellow", "darkgreen", "blue", "indigo", "purple"];

const cars = ["法拉利","賓士","寶馬","崔甯甯"];

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

tmp ="";//空白的字串

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

tmp += "<span style='background-color:";

tmp += COLORS[i];

tmp += "'>";

tmp += COLORS[i];

tmp +="</span><br>"} //接尾巴

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

</script>

崔甯甯學習心得

模仿與利用Code with Scaler製作的俄羅斯方塊遊戲，它的過程是使用VS Code編輯HTML, CSS, JS三個檔案。我們去理解它，然後改善它，將程式寫得更有效率，然後增加功能，例如預告下一個方塊、增加音效等。寫程式不可能順利，一定會錯誤，然後在解決問題的過程中，讓自己變得更強大。 接下來學習的重點是陣列，例如T型的變數 [[1,1,1], [0,1,0], [0,0,0]] ;//二維陣列