روش‌های نمایش خروجی (outputs)

1️⃣ استفاده از innerHTML

برای نوشتن مستقیم در داخل یک تگ HTML.

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS Output - innerHTML</title>
</head>
<body>
  <h1 id="demo">سلام</h1>

  <script>
    document.getElementById("demo").innerHTML = "خروجی با innerHTML 👋";
  </script>
</body>
</html>

2️⃣ استفاده از document.write()

برای نوشتن مستقیم در صفحه وب.

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS Output - document.write</title>
</head>
<body>
  <script>
    document.write("این متن با document.write نوشته شد ✍️");
  </script>
</body>
</html>

⚠️ نکته: اگر بعد از لود شدن صفحه اجرا بشه، کل محتوای صفحه رو پاک می‌کنه.

3️⃣ استفاده از window.alert()

نمایش پیام در یک پنجره هشدار (Alert Box).

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS Output - Alert</title>
</head>
<body>
  <script>
    alert("سلام! این پیام از alert اومده 🚀");
  </script>
</body>
</html>

4️⃣ استفاده از console.log()

برای نمایش در کنسول مرورگر (مخصوص توسعه‌دهنده‌ها).

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>JS Output - Console</title>
</head>
<body>
  <script>
    console.log("این متن در کنسول نمایش داده میشه 🖥️");
  </script>
</body>
</html>

📌 در مرورگر با زدن F12 → بخش Console می‌تونید ببینید.

✅ جمع‌بندی:

  • 🔹 innerHTML → تغییر محتوای یک المان HTML.

  • 🔹 document.write() → نوشتن مستقیم در صفحه (غیرحرفه‌ای).

  • 🔹 alert() → نمایش پیام فوری به کاربر.

  • 🔹 console.log() → نمایش اطلاعات در کنسول برای تست و دیباگ.