روشهای دریافت داده از ورودی و تغییر نوع داده در زبان جاوا اسکریپت
صفحه اصلی / دوره‌های آموزشی / آموزش جاوا اسکریپت، شروعی ساده، پایانی قدرتمند / روشهای دریافت داده از ورودی و تغییر نوع داده در زبان جاوا اسکریپت

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

روشهای دریافت داده از ورودی و تغییر نوع داده در زبان جاوا اسکریپت
0 تومان
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.

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

این جلسه در ادامه جلسه قبل خواهد بود که قسط آموزش نحوه گرفتن ورودی از کاربر  ونحوه‌ تغییر نوع داده را آموزش میدهیم.
 
فایل جلسه قبل را باز کرده، اگر دقت کرده باشید در جلسه قبل با page1 کار کردیم، در این جلسه در کنار همان پروژه یک صفحه دیگر با نام page2 با پسوند html ایجاد میکنیم.در بخش body قسمت تگ Script اولین دستور گرفتن ورودی از کاربر دستور ()prompt است، که داده ها را به صورت رشته‌ای دریافت میکند.
          <script>
                   prompt("inter number:")
          </script>

تبدیل رشته عددی به عدد:

با استفاده از دستور ()number میتوان رشته‌های عددی را به عدد تبدیل کرد، برای بهتر فهمیدن این مسئله از ()prompt بالا استفاده میکنیم ، به این صورت که از کاربر یک رشته عددی دریافت کرده و در خط پایین توسط ()number آن را به عدد تبدیل میکنیم و با یک عدد دیگر آن را جمع و چاپ میکنیم.
        var str=prompt("inter number:");
        var num=Number(str)+100;
        alert(num);

 

روش دیگر برای تبدیل رشته به عدد استفاده کردن از () parseInt است، که رشته ها را به عدد تبدیل میکند.
var str=prompt("inter number:");
var num=parseInt(str)+100;
alert(num);

 

در روش دیگر با ستفاده از کلمه ()parseFloat ما میتوانیم رشته ها را به عدد اعشاری تبدیل کنیم.

var str=prompt("inter number:");
var num=parseFloat(str)+100;
alert(num);
روش بعدی برای گرفتن ورودی از کاربر با استفاده از inner text, inner html, value استفاده میشود.
به این صورت که وقتی میخواهیم داده‌ای را نمایش بدهیم داخل innertext قرار داده ولی این بار میخواهیم از innertext داده‌ها را بخوانیم.
معمولا ما نیاز داریم داده دریافت کنیم که استفاده کردن از value کار ما را راحت تر میکند.
در بخش body خارج از تگ script یک input با مقدار ثابت تعریف میکنیم.
<input type="text" id="txt1" value="darsman">

 

حال درون تگ script مقدار input را فراخوانی و چاپ میکنیم.
   
<input type="text" value="darsman.com" id="txt1">
   
    <script>
        var n=document.getElementById('txt1').value;
        alert(n);
    </script>
در روش دیگر با استفاده از innertext میتوانیم داده ها را بخوانیم.
    <p id="p1">
        JavaScript in darsman.com
    </p>
   
    <script>
        var n=document.getElementById('p1').innerText;
        alert(n);
    </script>
و به همین شکل میتوانیم از inner HTML استفاده کنیم که همه تگ های html را فراخوانی کند.
 

تبدیل عدد به رشته:

تا به اینجا روش های دریافت ورودی از کاربر را توضیح دادیم.
اما بخاطر اینکه  قرار بر این شد که در این جلسه بیشتر با تغییر نوع داده آشنا شویم به همین منظور در همین پوشه یک پروژه جدید با نام page3 با پسوند html ایجاد میکنیم.

برای تبدیل کردن عدد به رشته از ()string استفاده میکنیم.
        var x=12452;
        var temp1=String(x);
        alert(typeof temp1)


در روش دیگر برای تبدیل به رشته از ()toString استفاده میکنیم.

        var x=12452;
        var temp1=toString(x);
        alert(typeof temp1);

 

 

جلسات دوره


                                  
مهدی عباسی
مدرس :

مهدی عباسی

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مطالعه بیشتر رزومه

نظر شما در تصمیم دیگران اثرگذار است.

لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

نظرات دانشجویان

آموزش جاوا اسکریپت، مقدماتی تا متوسط

746