帥哥美女晚安，歡迎來到coding小白盜版學校官網的第28天~這個計畫的內容是我這個coding超新手會在這30天裡，把複刻學校官網當作目標，從最基礎的前端html、css、js...開始邊做邊學，紀錄每天的學習進度，看看一個月過去能學到什麼程度。

今天是國慶連假的最後一天，堆積如山的作業消化差不多了，鐵人賽也進入最後三天，有種鬆了一口氣的感覺。久違的一邊鉤毛線一邊追劇，看了最近很紅的鍊鋸人前三集，畫風和劇情意外很對我的胃ㄋ，總而言之是個還算愜意的一天。

(看的出來我在鉤甚麼嗎)

好啦回歸正題。今天做的新東東是~~

彈窗訊息

其實學校官網沒有這個功能，只是因為最後幾天想不到還能幹嘛，所以決定來埋些彩蛋，於是我相中了右上角這個English

原本應該是切換成英文版網站的按鈕，但我現在要賦予它新任務了
chatgpt說系統預設的彈窗有三種

1️⃣ alert()：顯示單純訊息
<button onclick="alert('這是一則通知！')">顯示通知</button>

📌 效果：
顯示一個含文字的彈窗
只有一個「確定」按鈕
使用者按下後彈窗關閉

💬 範例效果：
這是一則通知！
[確定]

2️⃣ confirm()：詢問「確定 / 取消」

<button onclick="confirmAction()">刪除資料</button>
<script>
function confirmAction() {
  if (confirm("確定要刪除嗎？")) {
    alert("資料已刪除！");
  } else {
    alert("操作已取消。");
  }
}
</script>

📌 效果：
顯示訊息與兩個按鈕：「確定」和「取消」
回傳 true 或 false
可用於簡單的操作確認

3️⃣ prompt()：要求使用者輸入文字

<button onclick="askName()">輸入名字</button>

<script>
function askName() {
  const name = prompt("請輸入你的名字：");
  if (name) {
    alert(`你好，${name}！`);
  }
}
</script>

📌 效果：
顯示一個輸入框
可回傳使用者輸入的內容（字串）

⚠️ 補充說明
這些是 瀏覽器提供的內建 UI，不同瀏覽器樣式略有不同。
無法客製外觀（字型、顏色、動畫都不行）。
優點是簡單、快速、無需CSS或HTML結構。

我只需要第一種最簡單的，所以加上ㄍbutton標籤就行了

效果就是這樣ㄏㄏ

其實還有埋了一些其他彩蛋但就不一一點名了，留給有興趣的人自己探索。
有甚麼好點子或想一圓登上校網的夢(把校長的臉換成自己之類的)都歡迎投稿呦(^u^)

今天就先這樣啦，大家明天見ㄅㄅ~~