4.2 認識瀏覽器內建的彈出視窗

可在 practice 資料夾下建立網頁檔並且測試，假設有 html 如下：

<button type="button" id="btn">按鈕，執行 alert</button>
<button type="button" id="btn2">按鈕，執行 confirm</button>

然後執行以下的 JS。

alert

某個按鈕按下去時，執行 alert：

var my_btn = document.getElementById("btn");
my_btn.addEventListener("click", function(){
  alert("這是訊息視窗。");
});

confirm

當瀏覽器執行到 confirm 函式時，會跳一個詢問「確認」或「取消」的彈窗，然後瀏覽器會停住等待使用者按其中一個按鈕，按「確認」的話，會回傳 true；按「取消」的話，會回傳 false。

某個按鈕按下去時，執行 confirm：

var my_btn2 = document.getElementById("btn2");
my_btn2.addEventListener("click", function(){
  
  var is_confirm = confirm("是否確定要執行？");
  
  if (is_confirm) {
    alert("按下了 OK");
  } else {
    alert("按下了 Cancel");
  }
  
});