JavaScript

不論宣告數字 字串 陣列等 都是用let
特別的是宣告物件

let myVariable = document.querySelector('h1');

用以選取文檔中的第一個 元素

myVariable.textContent = "text"; // 修改 <h1> 元素的内容
myVariable.style.color = "white"; // 修改 <h1> 元素的顏色

Alert是我沒見過的新功能-彈出式視窗

alert("Warning！");  

Events會在網頁發生所設定的條件時觸發

document.querySelector("html").onclick = function () {
  alert("不要點我!");		/*視窗被點擊時 且可重複觸發*/
};

也有可以更改圖片的Events

myImage.onclick = function () {             //當圖片被點擊時
  let mySrc = myImage.getAttribute("src");
  if (mySrc === "images/A.jpg") {       //如果是A圖片
    myImage.setAttribute("src", "B.jpg");      //更改為B
  } else {
    myImage.setAttribute("src", "A.jpg");    //變回A
  }
};

而我在測試過程中發現 「程式上」偵錯&執行 跟 「直接開啟網頁」會 有差異

最後還有button的使用方式