منو سایت

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

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

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

چگونه برنامه نویسی جاوا اسکریپت را شروع کنیم؟ “سلام دنیا!” این یک سنت قدیمی در برنامه نویسی است و اولین کدی که هر زبانی را شروع می کند و اجرای آن راه خوبی برای اطمینان از پیکربندی صحیح کد است.

در این مقاله ما اولین برنامه نویسی جاوا اسکریپت را می سازیم و در نتیجه برای جذاب تر کردن برنامه، “سلام، دنیا!” ما سنت را پویا می کنیم. بنابراین نام کاربری را می پرسد و به آن نام سلام می کند. در پایان این مقاله برنامه “سلام، دنیا!” پویایی خواهید داشت.

پیش نیازها

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

اولین برنامه “سلام، دنیا!” در جاوا اسکریپت

برای تایپ “Hello, world!”، ابتدا کنسول جاوا اسکریپت مرورگر وب خود را باز کنید. دو روش اصلی در جاوا اسکریپت برای نمایش “سلام، دنیا!” وجود دارد:

  1. روش هشدار ()
  2. روش () console.log.

استفاده از هشدار ()

اولین راهی که می توانیم این برنامه را بنویسیم استفاده از متد () alert است که یک فیلد هشدار را با یک پیام خاص و یک دکمه تایید نمایش می دهد. در این روش رشته نوع داده را به عنوان پارامتر ارسال می کنیم. این رشته حاوی مقدار Hello, World است که در قسمت هشدار چاپ شده است.

برای نوشتن برنامه اول، رشته “سلام، دنیا!” متد alert () را داخل پرانتز قرار دهید. در جاوا اسکریپت از یک کاما در انتهای یک خط برای تکمیل این خط کد استفاده می کنیم:

alert("Hello, World!");

پس از فشردن کلید Enter، باید اخطار زیر را در مرورگر خود مشاهده کنید:

آموزش برنامه نویسی پایتون

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

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

هشدارهای پاپ آپ یا فیلدهای هشدار می توانند خسته کننده باشند. بنابراین، بیایید همان برنامه کنسول را با استفاده از console.log () اجرا کنیم.

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

ما می توانیم همان رشته را در کنسول جاوا اسکریپت با استفاده از روش console.log () چاپ کنیم. استفاده از این روش مشابه کار با سایر زبان های برنامه نویسی در محیط ترمینال کامپیوتر شما است.

مانند چیزی که با ()، رشته “سلام، دنیا!” در پرانتز متد console.log () و کد ما را با نقطه ویرگول کامل کنید:

console.log("Hello, World!");

وقتی Enter را فشار می دهیم، پیام “سلام، دنیا!” چاپ شده روی کنسول:

Hello, World!

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

نیاز به ورودی درخواستی کاربر

هر بار برنامه “سلام، دنیا!” ما به تنهایی شروع می کنیم، فقط همان خروجی ثابت را می بینیم. بیایید نام شخصی که برنامه ما را اجرا می کند را بپرسیم. سپس می توانیم از این نام برای سفارشی سازی خروجی استفاده کنیم.

ما از متد prompt () در جاوا اسکریپت استفاده می کنیم تا مقدار را از کاربر دریافت کنیم و به عنوان یک سوال از رشته “نام شما چیست؟” می فرستیم بپرسند اسمش چیست؟ سپس ورودی که کاربر وارد می کند در نام متغیر ذخیره می شود:

let name = prompt("What is your name?");

هنگامی که Enter را برای شروع این خط فشار دهید، یک پیام پاپ آپ دریافت خواهید کرد:

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

مراحل برنامه نویسی جاوا اسکریپت

فیلد ورودی که در پنجره مرورگر وب شما ظاهر می شود حاوی یک کادر متنی است که کاربر می تواند متن را وارد کند. پس از وارد کردن مقدار، کاربر باید روی OK کلیک کند تا مقدار وارد شده ذخیره شود. همچنین کاربر می تواند با کلیک بر روی دکمه Cancel این عملیات را لغو کرده و لاگین ارسال نکند.
متد prompt () جاوا اسکریپت فقط زمانی استفاده می شود که منطقی و ضروری باشد تا از آن در برنامه استفاده شود. زیرا استفاده بیش از حد می تواند برای کاربر آزاردهنده باشد.

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

حالا که مقدار نام کاربری را داریم، می‌توانیم از مقدار ورودی برای خوشامدگویی به کاربر استفاده کنیم.

با علامت () به کاربر خوشامد بگویید

همانطور که توضیح دادیم، روش alert () یک پنجره پاپ آپ در پنجره مرورگر ایجاد می کند. ما از پیوند رشته برای نوشتن تبریک “elloHello! “، که مستقیماً کاربر را مورد خطاب قرار می دهد. بنابراین، بیایید رشته Hello را به نام متغیر بچسبانیم:

"Hello, " + name + "!"

ما دو رشته “Hello” و “” را با هم ترکیب کردیم و متغیر نام را بین آنها قرار دادیم. اکنون می توانیم این عبارت را به عنوان یک هشدار ارسال کنیم ():

alert("Hello, " + name + "!");

وقتی Enter را در اینجا فشار می دهیم، فیلد زیر را روی صفحه می بینیم:

بهترین آموزش برای جاوا اسکریپت

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

سپس نام کاربری Sammy را وارد کنید. پس خروجی پذیرای سامی است. حالا بیایید این را بازنویسی کنیم تا خروجی به جای اینکه در جعبه هشدار روی کنسول چاپ شود.

خوش آمدید کاربر با console.log ()

همانطور که در بخش قبل دیدیم، متد console.log () خروجی را در کنسول چاپ می کند. درست مانند تابع print () که می تواند خروجی را در یک ترمینال در پایتون چاپ کند. ما از همان رشته پیوسته ای که در متد alert () استفاده کردیم استفاده خواهیم کرد:

"Hello, " + name + "!"

کل عبارت را در پرانتز متد console.log () قرار دهید و نام کاربری را به عنوان خروجی بگیرید:

console.log("Hello, " + name + "!");

برای کاربری به نام Sammy، خروجی کنسول به صورت زیر خواهد بود:

Hello, Sammy!

ما قبلاً برنامه های جاوا اسکریپت را داریم که ورودی را از کاربر دریافت کرده و روی صفحه چاپ می کنند.

نتیجه

آموزش برنامه نویسی جاوا اسکریپت برای مبتدیان در این مقاله توضیح داده شده است. اگر مدتی است که این مطالب را دنبال می کنید، می توانید کتاب کلاسیک سلام دنیا را دانلود کنید. در جاوا اسکریپت اجرا کنید و با دریافت ورودی کاربر و نمایش آن به عنوان خروجی، برنامه را پویاتر و گسترده تر کنید. در این مقاله شما را با روش های مختلف نمایش متن در جاوا اسکریپت آشنا می کنیم. برای مثال می توانید رنگ مورد نظر را از کاربر بخواهید و از برنامه بخواهید که آن رنگ را چاپ کند. حتی می توانید از همین تکنیک برای ایجاد Mad Lib استفاده کنید.

سوالات متداول

1. چگونه می توانیم “Hello World” را در داخل کد بنویسیم؟

با استفاده از سند بنویس (سلام دنیا)

2. چگونه کد جاوا اسکریپت را در ترمینال اجرا کنیم؟

با استفاده از Node.js این کار قابل انجام است. اگر آن را نصب کرده اید، فقط ترمینال را باز کنید و “node FileName.js” را وارد کنید.

3. کد جاوا اسکریپت کجا اجرا می شود؟

این کد معمولا در مرورگرهای وب اجرا می شود.

4. چگونه کد جاوا اسکریپت را در مرورگر اجرا کنیم؟

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

{“@context”: “https://schema.org”، “@type”: “FAQPage”، “mainEntity”: [{
“@type”: “Question”,
“name”: “چگونه می‌توانیم درون کد “Hello World” را بنویسیم؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “با استفاده از document. write(“Hello World”)”
}
},{
“@type”: “Question”,
“name”: “چگونه کدهای جاوااسکریپت را در ترمینال اجرا کنیم؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “با استفاده از Node.js. می‌توان این کار را انجام داد. اگر آن را نصب کرده‌اید، به‌سادگی ترمینال را باز و “node FileName.js” را تایپ کنید.”
}
},{
“@type”: “Question”,
“name”: “کدهای جاوااسکریپت کجا اجرا می‌شوند؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “این کدها معمولاً در مرورگرهای وب اجرا می‌شوند.”
}
},{
“@type”: “Question”,
“name”: “چگونه کدهای جاوااسکریپت را در مرورگر اجرا کنیم؟”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “کدهای جاوااسکریپت را می‌توان با قراردادن آن‌ها در فایل‌های HTML یا استفاده مستقیم در Console مرورگر می‌توان اجرا کرد.”
}
}]
}

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