崔甯甯for迴圈，自訂函數，使用alert內建函數

w3school截圖

學習心得與內容

嚴格說，HTML/CSS僅是標記語言，不是程式語言，因為不能執行迴圈LOOP、判斷、輸入參數等功能。

崔甯甯JavaScript For Loop迴圈

a<style>h1{border:solid orange 10px; background-color: pink; }

  P{FONT-SIZE:30PT;background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);line-height:1.2; color: white;}</style>

<script>

function pig(){

t = ""; /*崔甯甯宣告變數等於空字元,雙迴圈*/

for (var i = 1 ; i < 9; i ++){

   for (var j = 0; j <= i; j=j+2)

     t += j;  

   t += "<br>";}

   document.getElementById("cat").innerHTML = t;}

function hog(){

text = "";

for (let i = 128512; i < 128560; i++) {

  text += "&#"+i + ";"}

document.getElementById("demo").innerHTML = text;}

</script>

<h1>w3school截圖</h1>

<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobDj3_WyJCFYxv8hyphenhyphenMoJNr8nu2_-3SFUrxtFxQlXm-5ZqzKD7kZvoENGMb3FGDgMEw01SUBO4FvwSNTDD0bBC_5E0ZfBg-fY6h_d9kZwx5OKsEGoq471GqnePIylzq2iNEqU4Il3gqwbjsAJY_W56570wL29LabHvZA2eD7DyFBOZzXUVpBvpM9aVXeE/s1600/%E6%93%B7%E5%8F%96.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="652" data-original-width="1533" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobDj3_WyJCFYxv8hyphenhyphenMoJNr8nu2_-3SFUrxtFxQlXm-5ZqzKD7kZvoENGMb3FGDgMEw01SUBO4FvwSNTDD0bBC_5E0ZfBg-fY6h_d9kZwx5OKsEGoq471GqnePIylzq2iNEqU4Il3gqwbjsAJY_W56570wL29LabHvZA2eD7DyFBOZzXUVpBvpM9aVXeE/s1600/%E6%93%B7%E5%8F%96.PNG"/></a></div>

<h1>學習心得與內容</h1>

嚴格說，HTML/CSS僅是標記語言，不是程式語言，因為不能執行迴圈LOOP、判斷、輸入參數等功能。

<button onclick="pig()">執行我的函數</button>

<p id="cat"></p>

<h2>崔甯甯JavaScript For Loop迴圈</h2>

<button onclick="alert('安好')">執行內建函數</button>

<button onclick="hog()">執行自訂函數</button>

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