۱
اولین قدمها و سلام دنیا! 👋
از همینجا سفر هیجانانگیز ما شروع میشه!
چطوری جاوااسکریپت رو به سایتمون اضافه کنیم؟
سه تا راه اصلی داریم که این رفیق جدیدمون رو به صفحهمون دعوت کنیم:
- داخل تگ <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>