Javascript

|

اموزش جاوا اسکریپت

در هر زبان برنامه نویسی مبحثی به عنوان I/O وجود داره که مخفف input ها و output هاست.

این مبحث در مورد چگونگی ورودی ها از کاربر و نمایش خروجی هاست که در جاوا اسکریپت منظورمون از خروجی ، خروجی در صفحه وب است.

توابع جاوا اسکریپت برای نمایش خروجی در صفحه وب:

Window.alert()

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

Window.status()

یک پارامتر ورودی رو میگیره و اون متن رو که همون پارامتر هست در استاتوس بارمون نشون میده که البته در مرورگرهای جدید قسمت استاتوس بار که در پایین مرورگر های قدیمی بود حذف شده.

Document.write()

Document.writeln()

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

توابع جاوا اسکریپت برای دریافت ورودی از کاربران بازدیدکننده از سایت:

Window.prompt()

برای دریافت یک رشته یا متن از کاربر استفاده میشه

Window.confirm()

برای تایید یک تصمیم گیری در صفحه وب به کار گرفته میشه به طوری که در صورت استفاده از این متد یک پنجره شامل یک سوال و دکمه ی ok و cancle باز میشه و رد صورتی که دکمه ok رو کلیک کنید مقدار true و در صورتی که مقدار cancle رو کلیک کنید مقدار False برگردونده میشه.

نمونه هایی برای درک بهتر ورودی و خروجی در جاوا اسکریپت:

همان طور که در مثال زیر میبینید متد window.status یک پارامتر رو به صورت رشته ای دریافت میکنه و اون رو به صورت متن در استاتوس بار مرورگر نمایش میده البته همون طور که گفتیم در مرورگرهای جدید استاتوس بار معمولا حذف شده و این متد کاربرد چندانی نداره.

Window.status(“hi how are you”)

یا برای مثالی دیگر Window.alert هم با همین منوال انجام میشه و یک پارامتر ورودی رو دریافت میکنه و اون پارامتر رو در خروجی به صورت یک پنجره نمایش میده

Window.alert(“hi how are you”)

مثال دیگری که برای درک بیشتر شما میخواهم اینجا بگم در مورد document.write هست که یکی از پرکاربرترین متدها برای نمایش خروجیست. این متد یک پارامتر رو به صورت متنی یا رشته ای دریافت میکنه و اون رو مستقیما در صفحه وب نمایش میده که این پارامتر میتونه شامل تگ های css هم باشه

Document.write( ‘ (1) welcome to dotineco.ir tutorials<br>’);

Document.write( ‘ (1) welcome to dotineco.ir tutorials<br>’);

Document.write( ‘ <a heref=http://dotineco.ir>dotineco<a>’);

خب حال یک سری مثال در مورد متدهای که در مورد ورودی از کاربر استفاده میشه با هم ازمایش میکنیم.

این متد با پرسیدن سوالی از کاربر جوابی رو دریافت میکنه و این جواب رو به ما برمیگردونه.

و همون طور که در زیر میبینید این متد دو پارامتر دریافت میکنه. پارامتر اول همون سوالی هست که ما از کاربر میپرسیم که دراینجا what is your name هست و پارامتر دوم همون جواب پیش فرضی هست که ما در نظر میگیریم که جوابه کاربره.

این متد جوابی که از کاربر دریافت میشه رو به صورت رشته ای برمیگردونه که ما به راحتی میتونیم در یک متغییر ذخیره کنیم.

در اینجا مقداری که توسط کاربر برگردونده میشه در متغییر uName دخیره میکنیم و توسط document.writeln اون متغییر رو چاپ میکنیم.

Var uName = window.prompt(“what is your name? “ , “مقدار پیش فرض “ )

Document.writeln( uName);

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

<script type=”text/javascript”>

Var name=window.prompt("enter your name")

Var favColor=window.prompt( "enter your favorite")

Document.write('<span style="color:'+favColor+'">')

Document.write('welcome '+name)

Document.write('</span>')

</script>

در دو خط اول نام و رنگ مورد علاقه کاربر رو از اون درخواست میکنیم و اونها رو در متغییر های name و favColor قرار میدیم سپس تگ های html و متغییرهای موجود در صفحه وب از اونها استفاده کنیم مینویسیم.

حال خودتان این کد را نوشته و آن را اجرا کنید تا ملکه ذهنتان شود.

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

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید