مقدمه ی جاوااسکریپت (جاوااسکریپت — JavaScript)

جاوااسکریپت (JavaScript) زبانی است که رفتار صفحات وب را برنامه ریزی می کند. در این مقاله کوتاه، با کاربردهای پایه ای آن آشنا می شوید و مثال های ساده ای خواهید دید.

جاوااسکریپت چیست؟

جاوااسکریپت زبانی سطح بالا است که در مرورگر و سمت سرور اجرا می شود. با جاوااسکریپت می توان داده ها را محاسبه، اعتبارسنجی و نمایش داد.

برای ساخت صفحات وب کامل، معمولاً سه زبان را یاد می گیرند:

1. HTML برای تعریف محتوای صفحه — HTML
2. CSS برای تعیین نما و چیدمان — CSS
3. جاوااسکریپت برای برنامه ریزی رفتار صفحه — JavaScript

تغییر محتوای HTML با جاوااسکریپت

یکی از روش های معمول، استفاده از getElementById() است. با این متد می توانید محتوای یک عنصر را تغییر دهید.

document.getElementById("demo").innerHTML = "Hello JavaScript";

همان طور که می بینید، می توان از کوتیشن دابل یا سیمپل استفاده کرد.

نکته: جاوااسکریپت هم کوتیشن دوتایی و هم کوتیشن تکی را قبول می کند.

تغییر صفات و استایل عناصر

می توانید مقدار یک خصوصیت (مثلاً src در عکس) یا استایل را به صورت دینامیک تغییر دهید.

document.getElementById('myImage').src = 'pic_bulbon.gif';

document.getElementById("demo").style.fontSize = "35px";

برای پنهان کردن یا نمایش عنصر، مقدار display را تغییر دهید:

document.getElementById("demo").style.display = "none";

منابع و مطالعه بیشتر

برای مستندات دقیق و مثال های بیشتر به MDN مراجعه کنید: راهنمای JavaScript در MDN.

برای تاریخچه و استاندارد رسمی، مشخصات ECMAScript را ببینید: ECMA-262 (ECMAScript).

می خواهید مثال های تعاملی را امتحان کنید؟ به بخش «تمرین» در مستندات MDN یا محیط های Replit مراجعه کنید.

نکته: در شروع، تمرین های کوچک و تغییر مستقیم DOM بهترین روش برای یادگیری است.

برای ادامه آموزش، بخش بعدی را ببینید: چه چیز بعدی (where to).