劉任昌VS code編輯HTML,CSS,JS俄羅斯方塊

劉任昌改寫自印度程式設計師

335影片

336影片

337影片

338影片

w3schools截圖練習迴圈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>