JavaScript 的基本功能（複雜版）

一、控制網頁元素（DOM 操作）

const title = document.querySelector(".title");
title.textContent = "新的標題";
title.style.color = "gold";

二、事件處理（互動功能）

document.addEventListener("click", () => {
  console.log("你點擊了網頁");
});

三、資料結構與流程控制

let user = { name:"Alice", age:20 };
if(user.age > 18) console.log("成年人");

四、非同步程式 / API 取得資料

async function load(){
  const res = await fetch("data.json");
  const data = await res.json();
  console.log(data);
}