在JavaScript中，輸入和輸出是與用戶交互的基礎。無論是從用戶那里獲取信息還是向用戶展示結果，正確使用輸入輸出語句都是至關重要的。本文將詳細介紹JavaScript中常用的輸入輸出方法及其應用場景。
一、輸出語句
（一）console.log()
這是最常用的一種輸出方式，主要用于在瀏覽器的控制臺打印信息。它非常適合調試代碼時查看變量值或程序執行流程。
示例：
let name = "Alice";
console.log("Hello, " + name);輸出結果為：
Hello, Aliceconsole.log()可以接受多個參數，并自動以空格分隔它們：
console.log("User:", name, "Age:", 25);輸出：
User: Alice Age: 25（二）alert()
alert()方法會彈出一個警告框，在框內顯示指定的信息。雖然這種方法簡單直接，但由于會中斷用戶的操作流程，因此不建議頻繁使用。
示例：
alert("This is an alert message.");（三）document.write()
該方法可以直接向HTML文檔寫入內容。不過需要注意的是，如果在文檔加載完成后調用document.write()，它將清除當前頁面的所有內容并替換為新的輸出。
示例：
document.write("<h1>Welcome to my website</h1>");（四）innerHTML
通過修改元素的innerHTML屬性，可以動態地更新網頁上的特定部分。這種方式比document.write()更靈活且安全。
示例：
document.getElementById("myDiv").innerHTML = "<p>New content!</p>";二、輸入語句
（一）prompt()
prompt()函數用于顯示一個對話框，提示用戶輸入一些文本。返回值是用戶輸入的內容（字符串類型），如果用戶取消了輸入，則返回null。
示例：
let age = prompt("Please enter your age:");
if (age !== null) {console.log("Your age is " + age);
} else {console.log("No input provided");
}（二）confirm()
confirm()函數會顯示一個帶有確認和取消按鈕的對話框。用戶點擊確認按鈕時返回true，點擊取消按鈕時返回false。
示例：
let confirmed = confirm("Do you really want to delete?");
if (confirmed) {console.log("Delete confirmed");
} else {console.log("Delete canceled");
}三、綜合示例
假設我們需要創建一個簡單的網頁應用，要求用戶輸入姓名和年齡，并根據輸入的信息給出個性化的歡迎消息。
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Input Output Example</title>
</head>
<body>
<div id="output"></div>
<button onclick="greet()">Greet Me</button><script src="app.js"></script>
</body>
</html>JavaScript部分 (app.js)：
function greet() {let name = prompt("Enter your name:");if (name === null || name.trim() === "") {alert("Name cannot be empty!");return;}let age = prompt("Enter your age:");if (isNaN(age) || age <= 0) {alert("Please enter a valid age!");return;}document.getElementById("output").innerHTML = `<h2>Hello ${name}, you are ${age} years old.</h2>`;
}在這個例子中，我們首先定義了一個名為greet()的函數，該函數通過prompt()獲取用戶的姓名和年齡，并進行基本的驗證。然后，使用innerHTML將個性化消息插入到頁面中的<div>標簽內。
四、結語
感謝您的閱讀！如果你有任何疑問或想要分享的經驗，請在評論區留言交流！
