دوشنبه , اردیبهشت ۳۱ ۱۳۹۷
صفحه اصلی / مقالات / زبانهای برنامه نویسی / وب / جاوا اسکریپت / قسمت اول جاوا اسکریپت – شروع و آشنایی با دستورات اولیه

قسمت اول جاوا اسکریپت – شروع و آشنایی با دستورات اولیه

قسمت اول از ۷ قسمت آموزش java script

شاید برای کسی که میخواهد این زبان برنامه نویسی را یاد بگیرد این سوال پیش ایدکه جاوا اسکریپت چیست؟

جاوا اسکریپت یک زبان کلاینت ساید (سمت کاربر اجرا می‌شود) است که داخل کدهای html نوشته میشود و قابلیت تغییر و بوجود اوردن کدهای

HTML  و CSS را دارد و میتواند با تعامل با کاربر سایتی پویا به شما تحویل دهد  این زبان توانایی محاسبات متحرک سازی پویا نمایی تعامل با کاربر جمع اوری اطلاعات از کاربر و…

را داراست شما میتوانید از امکانات این زبان برای ساخت منوهای زیبا تا محاسبات عددی تغییر در کدهای نمایشی خود استفاده کنید

 

(پیش‌نیاز این دوره دانستن HTML  است)

شروع سریع

همانطور که گفتیم جاوا اسکریپت میتواند HTML را تغییر دهد برای این کار از این دستورات استفاده میکنیم

getElementById ایدی آن المان را وارد میکنیم و با innerHTML مقدار دلخواهمان را وارد میکنیم

<p id="x">متن اولیه </p>

<button type="button" onclick='document.getElementById("x").innerHTML="hi"'>کلیک کنید!</button>

 

میخواهیم با کلیک روی دکمه متن پاراگرافی که id آن را برابر با x قرار دادیم تغییر کند پس در onclick دکمه‌ی خودمان کد زیر را می‌نویسیم

document.getElementById("x").innerHTML="hi" 

حال با کلیک روی دکمه متن داخل تگ p که ایدی x دارد تغییر میکند

به کلمه‌ی  hi به این شکل هم میتوانید همین کد را بنویسین

 

(میتوانید قسمت های بعدی این اموزش را به رایگان ببینید

برای شما هر قسمت را به رایگان ایمیل خواهیم کرد لطفا ایمیل

خود را برای شرکت در این دوره‌ی رایگان وارد کنید)

 

 

 

 

 

مثال زیر را مشاهده کنید

<script>
function hi()
{
document.getElementById("x").innerHTML="hi";	
}
</script>

<p id="x">متن اولیه </p>

<button type="button" onclick='hi()'>کلیک کنید!</button>

یک تابع با نام hi تعریف کردیم که دقیقا دستو قبل را در آن نوشتیم  و در onclick آن تابع hi را فراخوانی کردیم که دقیقا مانند همان روند قبل است

حال اگر بخواهید با مقادیر در جاوا اسکریپت کار کنید

باید اول متغییرها را مشخص کنیم بعد محاسبات را اجرا کنیم

 

<p id="y"></p>

<script>

var x, y, z;
x = 4;
y = 6;
z = x + y;
document.getElementById("y").innerHTML ="جمع:"+ z ;

</script>

 

حال باید مقدار جمع:۱۰ را در خروجی ببینید  مشخص است که با var متغییرها را تعریف کرده‌ایم

 

 

تمرین

با کلیک روی یک دکمه محاسبات مساحت یک دایره انجام شود به شعاع ۳ متر

قسمت اول از ۷ قسمت آموزش جاوا اسکریپت را آموختید

لطفا تمرین را انجام دهید

قسمت دوم  کلیک کنید

آموزش جاوا اسکریپت قسمت دوم -کار با ورودی‌های عددی فرم‌ها

 

درباره فرخ ابراهمی نژاد

فرخ ابراهمی نژاد
نویسنده‌ی کتاب yii framework برای برنامه نویسان php برنده‌ی دو دوره جشنواره‌ی وب ایران برای سایت linkpad.ir نویسنده, مدرس, مشاور و تولید کننده‌ی نرم افزار فرخ فوق‌لیسانس و لیسانس نرم‌افزار خوانده اما اعتقاد دارد برای موفقیت و رسیدن به درآمد وکسب‌وکار آنلاین نیاز به تحصیلات در دانشگاه ندارید.

این مطالب را نیز ببینید!

آموزش جاوا اسکریپت قسمت چهارم-حلقه for

  حلقه‌ی for   معمولا زمانی استفاده میشود که تعداد دفعات تکرار حلقه را میدانیم …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فقط برای افراد عملگر

همین الان دوره را برایم ارسال کن

درست میبینید این دوره‌ی ارزشمند رایگان است
همین الان دوره را برایم ایمیل کن
 دوره‌ی جاوا اسکریپت بصورت ایمیل هر جلسه  برایتان ارسال میشود
close-link