۱

اولین قدم‌ها و سلام دنیا! 👋

از همین‌جا سفر هیجان‌انگیز ما شروع می‌شه!

چطوری جاوااسکریپت رو به سایتمون اضافه کنیم؟

سه تا راه اصلی داریم که این رفیق جدیدمون رو به صفحه‌مون دعوت کنیم:

  • داخل تگ <script>: برای کدهای کوتاه و دم دستی.
  • یه فایل جداگانه (.js): روش حرفه‌ای و تمیز!
  • مستقیم تو خود تگ HTML: برای کارهای خیلی کوچیک.
نمونه کد
<!-- روش ۱: کد داخلی -->
<script>
  console.log("این از داخل تگ اسکریپته!");
</script>

<!-- روش ۲: فایل خارجی -->
<script src="my-script.js"></script>

<!-- روش ۳: داخل تگ -->
<button onclick="alert('آخ! کلیک کردی!')">روی من کلیک کن</button>

وقتشه سلام کنیم: `Hello World`

تو دنیای برنامه‌نویسی یه رسم باحالی هست که اولین کاری که با یه زبون جدید می‌کنی، اینه که باهاش به دنیا سلام کنی.

۱. استفاده از `alert()`

این دستور یه پنجره کوچیک تو مرورگر باز می‌کنه و پیامت رو به کاربر نشون می‌ده.

alert("سلام دنیای خفن جاوااسکریپت!");

۲. استفاده از `console.log()`

این یکی مخصوص خودمونه! پیام رو تو کنسول مرورگر چاپ می‌کنه. جایی که فقط برنامه‌نویس‌ها می‌بینن.

console.log("این یکی یواشکیه!");

تمرین! 🧠

یه کاری کن که وقتی روی یه دکمه کلیک می‌شه، هم یه `alert` با اسمت نشون داده بشه و هم یه `console.log` با سنت.

جواب تمرین

<button onclick="alert('اسم من ... است!'); console.log('سن من ... است');">
  اطلاعات من
</button>