潘立倫HTML_CSS_Javascript_Java_Python

學習心得 之前用STYLE區塊，現在獨立一個STYLE.CSS檔案。 之前用SCRIPT，現在獨立一個SCRIPT.JS檔案。 JS code let canvas = document.getElementById("tetris"); let scoreboard = document.getElementById("score"); let ctx = canvas.getContext("2d"); ctx.scale(30,30); 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 = [ "lightgray","red","orange","yellow","darkgreen","blue","indigo","purple"]; const ROWS = 20; //列數ROWS const COLS = 10; //欄數COLumnS let grid = generateGrid(); //呼叫函數產生20x10格子 let fallingPi...

潘立倫仿印度開發人員 335影片 336影片 337影片 338影片 W3school截圖練習迴圈array與陣列loop 再撰寫模式貼上以上程式碼 lt=less than小於, gt=greater than <h1>JavaScript陣列Arrays由連續相關變數構成</h1> <p id="demo"></p> <H2>利用迴圈輸出</H2> <p id="demo1"></p> <script> const COLORS = ["lightgray", "#FF0000", "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>

HTML檔案 CSS檔案 JS檔案