潘立倫VSCode編輯HTML,CSS,JS俄羅斯方塊
潘立倫仿印度開發人員
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>
第一個圖有太多空白，圖太大，就會淹沒掉重點！
回覆刪除