****

歡迎回到我們的 JavaScript 世界之旅！在這篇文章中，我們將探討在 JavaScript 中與使用者互動的三種基本方法：alert、prompt 和 confirm。這些方法分別允許您顯示訊息、收集使用者輸入和確認操作。讓我們深入研究每種方法並看看它們是如何工作的。

1. 警報

alert方法用於顯示一個帶有訊息和「確定」按鈕的簡單對話框。此方法對於向使用者顯示重要資訊或警告很有用。

句法：

alert(message);

例子：

alert("Hello, World!");

解釋：

• 訊息： 要在對話方塊中顯示的文字。
• alert 方法暫停腳本的執行，直到使用者點選「確定」按鈕。

用例：

// Display a welcome message
alert("Welcome to our website!");

2. 迅速的

prompt方法用於顯示對話框，提示使用者輸入一些文字。它會傳回使用者輸入的文本，如果使用者取消輸入，則傳回 null。

句法：

prompt(message, default);

例子：

let userName = prompt("Please enter your name:", "Guest");
console.log("Hello, "   userName   "!");

解釋：

• 訊息： 要在對話方塊中顯示的文字。
• default： 輸入欄位中顯示的預設文字。此參數是可選的。
• prompt方法傳回使用者輸入的文本，如果使用者取消輸入，則返回null。

用例：

// Collect user input for their name
let userName = prompt("Please enter your name:", "Guest");
if (userName !== null) {
  console.log("Hello, "   userName   "!");
} else {
  console.log("No name entered.");
}

3. 確認

confirm方法用於顯示一個帶有訊息和兩個按鈕的對話框：「確定」和「取消」。如果使用者按一下“確定”，則傳回 true；如果使用者按一下“取消”，則傳回 false。

句法：

confirm(message);

例子：

let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
  console.log("Item deleted.");
} else {
  console.log("Deletion canceled.");
}

解釋：

• 訊息： 要在對話方塊中顯示的文字。
• 如果使用者點擊“確定”，則confirm方法返回true；如果使用者點擊“取消”，則返回false。

用例：

// Confirm an action before proceeding
let isConfirmed = confirm("Are you sure you want to delete this item?");
if (isConfirmed) {
  console.log("Item deleted.");
} else {
  console.log("Deletion canceled.");
}

結合警報、提示和確認

您可以組合這些方法來創建更具互動性和動態的使用者體驗。這是一個示範如何一起使用所有三種方法的範例：

例子：

// Display a welcome message
alert("Welcome to our website!");

// Collect user input for their name
let userName = prompt("Please enter your name:", "Guest");
if (userName !== null) {
  console.log("Hello, "   userName   "!");

  // Confirm an action before proceeding
  let isConfirmed = confirm("Do you want to proceed?");
  if (isConfirmed) {
    console.log("Proceeding...");
  } else {
    console.log("Action canceled.");
  }
} else {
  console.log("No name entered.");
}

結論

alert、prompt 和 confirm 方法是 JavaScript 中與使用者互動的強大工具。它們分別允許您顯示訊息、收集使用者輸入和確認操作。透過理解和使用這些方法，您可以建立更具互動性和動態的 Web 應用程式。

在下一篇部落格文章中，我們將更深入地探討在 JavaScript 中處理使用者輸入和事件。請繼續關注我們的 JavaScript 世界之旅！