[第三週]開始與 User 互動！alert(), prompt(), congfirm()

「前端工程師的工作內容包含哪些？」

在 104 上搜尋前端工程師，就可以大略了解前端工程師的工作內容。

了解歸了解，但當被朋友問到這個問題時，還是只回答了

「前端工程師的工作是處理網頁上看得到的部分。」

其實有點籠統，為了能更再清楚解釋，在網路上彙整一些資訊，得到下述的解答：

1. 建構 User 互動元件。
2. 接遞後端回傳資料呈現於網頁上。
3. 確保網站最大化還原設計稿，使各瀏覽器及載具體驗一致。
4. 網站效能調校。

這篇主要是說明瀏覽器內建的對話視窗，可以輕鬆地的達成與使用者的互動。

alert(message)

• 警告視窗（Alert Window），瀏覽器會彈出一個視窗並暫停 Script，直至 User 按下「確定」。
• 舉例

alert('Hello');

prompt(title, [default])

• 輸入視窗（Prompt Window），瀏覽器會彈出一個含有標題、input 欄位和確定/取消的按鈕的視窗。
• 語法：接收兩個參數
  title：文字訊息
  [default]：input 欄位 defult value
• 舉例

prompt('你幾歲', '100歲')

• 回傳值說明
  輸入一些內容，按下確認 ➡️ 內容。
  按下取消或著 Esc 鍵取消輸入返回 ➡️ null。

小提醒：IE 瀏覽器會提供第二個參數默認值
第二個參數 [default] 非必填，如果不提供的話 Internet Explorer 会把 "undefined" 插入到 prompt。因此建議始終提供第二個參數。
prompt("Test", ""); //建議永遠提供第二個參數

confirm(message)

• 確認視窗（Confirm Window），瀏覽器會彈出一個含有標題和確定/取消的按鈕的視窗。
• 舉例

confirm(“確定要送出？”);

• 回傳值說明
  點擊確定 ➡️ true
  取消 ➡️ false。