صفحة البيت | מס טלפון 04 – 6046227 | מס' פקס 04 – 8303539

جافا سكريبت - JavaScript

موقع كتابة الكود repl.it | تحميل Brackets| تحميل Notebad++

(4) إدخال البيانات إلى المتغيرات – ( ) prompt

التعويض المباشر (بواسطة =)

حتى الآن أدخلنا (خزنا، عوضنا، أسندنا) القيم إلى المتغيرات بواسطة الرمز =

مثال:

نتيجة الكود:

Amer 17

<script>

name = "Amer";

age = 17;

document.write(name," ",age);

</script>

المُدخل - קלט

(نعرض هنا القوانين، وفيما بعد سوف نشرحها بالتفصيل)

اخذ قيمة من المستخدم

prompt()

ادخال اسم من المستخدم (متغير نص)

var name = prompt("enter name?")

ادخال عدد صحيح من المستخدم

var x = patseInt(prompt("enter number?"))

ادخال عدد عشري من المستخدم

var x = patseFloat(prompt("enter number?"))

إدخال القيم من المستخدم – prompt ( )

التعويض بواسطة قراءة البيانات

· طريقة أخرى لإدخال وتخزين قيّم وبيانات إلى المتغيرات، نسميها قراءة البيانات (קליטת נתונים).

· قراءة البيانات هي التعويض من خلال أدخال البيانات بواسطة المستخدم.

مبنى الامر:

متغير = prompt("رسالة توضيحية");

مثال:

<script>

name = prompt("type your name");

document.write(name);

</script>

مثال:

<script>

name = prompt("type your name");

document.write("How are you" ,name);

</script>

الأمر prompt( )

ü prompt() هو أمر القراءة (من لوحة المفاتيح).

ü يعرض رسالة (في صندوق حوار)، ويُدخل (ويعوض) القيمة التي كتبناها في المتغير.

ü النتيجة من أمر القراءة هي دائما نص (سلسلة حروف وإشارات)

· يجب اسناد الأمر prompt() إلى اسم متغير.

لأن القيمة التي سوف نكتبها، بواسطة لوحة المفاتيح، سوف يتم تعويضها في هذا المتغير.

· الرسالة المرفقة مع الأمر غير الزامية ولكنها هامة فهي توضح للمستخدم ماذا عليه أن يدخل.

· الامر يؤدي الى إيقاف تنفيذ الكود حتى يتسنى للمستخدم كتابة المعطيات.

· فقط بعد الضغط على زر المتابعة يتابع البرنامج تنفيذ الأوامر.

مثال:

<script>

var myName = prompt("hello, what is your name");

alert("welcome " , myName , " How are you today");

</script>

مثال:

<script>

name = prompt("type your name");

age = prompt("type your age");

document.write("nice to meet you ", name, "<br/>");

document.write(age," you are so young ", name,"<br/>");

</script>

عند تنفيذ الكود ينتج:

لو فرضنا ان الاسم الذي سجلناه Bill والعمر 15، أي

type your name ==> Bill

type your age ==> 15

النتيجة:

I am very glade to meet you Bill
15 you are so young Bill

المعطيات التي نقرأها عند تنفيذ الأمر prompt() هي دائماً من نوع string،

أي من نوع نص (سلسلة من الحروف والإشارات، text).

حتى لو كتبنا أعداداً فهي تكون كإشارات ليس لها قيمة عددية،

ولا يمكن أجراء عمليات حسابية عليها.

مثال 1:

Type a number ==> 7

37 (لم يجمع العددان، لقد دمجهما)

<script>

num = prompt("type a number");

document.write(num + 5);

</script>

قراءة الأعداد

مع النصوص لا يمكن أجراء حسابات.

لذلك إذا أردنا إدخال أعداد (قراءة أعداد من لوحة المفاتيح) يجب تحويلها من نص إلى عدد.

لقراءة أعداد صحيحة:

يجب تحويل القيمة المدخلة من نص إلى عدد صحيح.

ذلك يتم من خلال الأمر parseInt() _

(انتبه: اكتب ولا تكتب ، حرف I وليس i)

num = parseInt( prompt("type a number:") );

لقراءة أعداد عشرية (مع نقطة عشرية):

يجب تحويل القيمة المدخلة من نص إلى عدد عشري.

ذلك يتم من خلال الأمر parseFloat()_

(انتبه: اكتب ولا تكتب ، حرف F وليس f)

num = parseFloat( prompt("type me a number:") );

مثال

القيمة المدخلة: 7

المخرج: 12

<script>

num = prompt("type a number:");

num = parseInt(num);

document.write(num + 5);

</script>

يمكن كتابة الكود الأخير بالشكل التالي (وهذا ما سوف نستعمله):

القيمة المدخلة: 7

المخرج: 12

<script>

num = parseInt( prompt("type a number:") );

document.write(num + 5);

</script>

العملية parseInt()، تحول من نص إلى عدد صحيح (integer)

مثال

المخرج:

type a number 7

a+a=77

a+a=14

<script>

a = prompt("type a number ");

document.write("a+a=", a+a, "<br/>");

a = parseInt(a);

document.write("a+a=", a+a, "<br/>");

</script>

مثال

<script>

var name = prompt("your name");

var age = parseInt(prompt("age="));

var weight = parseFloat(prompt("weight="));

document.write(name,' ',boys,' ', weight);

</script>

مثال

نريد كتابة برنامج الذي يقرأ عمر شخص ما، ومعلوم انه أقل من 18 سنة

(أي ان المستخدم بالتأكيد سوف لا يدخل قيمة 18 أو أكثر).

البرنامج يعرض بعد كم سنة سوف يكون عمر هذا الشخص 18 سنة.

مثال: القيمة المدخلة 12.5، المخرج 7.5

الحل:

<script>

var age = parseFloat( prompt("what is your age?") );

document.write("<h1>You will be 18 in ", (18-age)," years</h>");

</script>

تمارين

أخطاء شائعة

جد الأمر (الكود) الصحيح:

var name = prompt("أدخل اسمك");

لا نستعمل parseInt

للاسماء. فقط للاعداد

var name = parseInt(prompt("أدخل اسمك"));

سؤال 1

تمرين 1:

أ‌. انسخوا إلى ملف وأكملوا الجدول

الناتج (הפלט)

<script>

a = prompt("enter a number");

document.write ("a="+a + "<br/>");

document.write ("2*a=",(2*a),"<br/>");

document.write ("a*a=",(a*a),"<br/>");

document.write ("a/2="+(a/2)+"<br/>");

</script>

a=8

2*a=16

a*a=64

a/2=4

ب‌. اشرحوا الأمر window.prompt:

الأمر يعرض رسالة (سؤال) ويدخل المعطى إلى المتغير. يقوم بإسناد المعطى إلى متغير

تمرين 2:

أ‌. أكملوا الجدول:

<script>

math =prompt("أدخل علامة الرياضيات");

comp =prompt("أدخل علامة الحاسوب");

physics =prompt("أدخل علامة الفيزياء");

avg=(parseInt(math)+parseInt(comp)+parseInt(physics))/3;

document.write ("= المعدل هو", avg, "<br/>");

</script>

Math	computer	physics	avg	المخرج (الطباعة)
60	70	80	70	المعدل هو = 70
90	85	95	90	المعدل هو = 90

ب‌. اشرحوا الأمر parseInt( ): الأمر يتعامل مع النص ويحوله إلى عدد صحيح.

ت‌. لماذا استعملنا هذ الأمر 3 مرات؟ لأنه يوجد لدينا 3 قراءات نصية.

تمرين 3:

ثمن تصوير ورقة 0.5 شيكل. أكتبوا برنامج يستقبل عدد الصفحات التي صورتها منى،

ويحسب الثمن النهائي للدفع بالشيكل.

أمامكم البرنامج. أكملوا الناقص.

مثال: 11 صفحة ثمنها

<script>

price = 0.5;

pages = prompt("How many pages");

total = parseInt(pages) * price;

document.write("You need to pay ",total," shekels");

</script>

تمرين 4:

أمامكم خوارزم كلامي. ترجمه إلى برنامج JavaScript

1. اسألوا - "ما هو سعر وجبة فاخرة في المطعم?"

what is the dish price?""

2. استقبلوا في المتغير price ثمن الوجبة الفاخرة في المطعم.

(السعر يمكن أن يحتوي على نقطة عشرية)

3. اسألوا - "كم عدد الوجبات التي تم حجزها؟

"how many dishes?"

4. استقبلوا إلى المتغير num عدد الوجبات التي تم حجزها.

(عدد الوجبات هو دائماً عدد صحيح، بدون نقطة عشرية)

num هو اختصار لــ number

5. عوضوا في المتغير total التعبير num * price

6. اطبعوا "الثمن النهائي للدفع هو" واعرضوا قيمة المتغير total

"need to pay: "

<script>

price = parseFloat(prompt("ما هو سعر وجبة فاخرة في المطعم"));

num = parseInt(prompt("كم عدد الوجبات التي تم حجزها"));

total = num * price;

document.write("الثمن النهائي للدفع <br/>", total);

</script>

تمرين:

في حديقة الحيوانات "سفاري" توجد زرافتان.

أكتبوا برنامج الذي يقرأ طول كل واحدة منهما، وتحسب وتطبع طول معدلهما.

يجب إرفاق الحل بنص توضيحي، مثلا: "Average is:" (المعدل هو)

<body>

<script>

var height1 = parseFloat(prompt("height1:"));

var height2 = parseFloat(prompt("height2:"));

avg = (height1 + height1) / 2

document.write("the Average is:", avg);

</script>

</h1>

</body>

تمرين 5:

اشترى يوسف هامبرغر وقنينة كولا.

اكتبوا برنامج بلغة JavaScript – الذي يحسب كم علية أن يدفع.

البرنامج يستقبل ثمن الهامبرغر في المتغير - burger،

ثمن الكولا في المتغير - cola

يحسب الثمن النهائي للدفع ويعوضه في المتغير - total

يطبع قيمة المتغير total مع رسالة مناسبة.

تمرين 6:

اشترت آية قمصاناً. اكتبوا برنامج بـ JavaScript – الذي يحسب كم عليها أن تدفع.

البرنامج يستقبل ثمن القميص في المتغير - shirt

يستقبل عدد القمصان في المتغير - number

يحسب الثمن النهائي ويعوضه في المتغير – price

يطبع قيمة المتغير price مع رسالة ملائمة.

تمرين 7:

في دكان "الكرمل للاتصالات" يمكن استعمال الانترنت بسعر 2 شاقل في الـ 30 دقيقة.

اكتبوا برنامج يستقبل كم دقيقة استخدمت شارون الانترنت، ويحسب الثمن الذي عليها أن تدفعه.

يجب اختيار أسماء ذات معنى للمتغيرات.

تمرين 8:

اشترى منهل 3 العاب حاسوب جديدة. اكتب برنامج يستقبل ثمن كل لعبة ويحسب الثمن الكلي لهذه الألعاب. يجب اختيار أسماء ذات معنى للمتغيرات.

تمرين 9:

في دكان "منشفتي" يمكن شراء منشفة استحمام بثمن 25 ش.

اكتبوا برنامج يستقبل عدد المناشف التي اشتراها أمير، ويحسب الثمن الذي علية أن يدفعه.

يجب اختيار أسماء ذات معنى للمتغيرات.

תרגיל 4

מנוי לחודש שלם בחברת הכבלים VIVO עולה 200 ₪

כל צפייה בסרט מ- V.O.D כרוכה בחיוב נוסף של 14.90 ₪

ערן התחבר ולאחר זמן מה החליט להתנתק

בזמן זה הוא גם צפה בסרטי V.O.D

כתוב תוכנית הקולטת:

1) כמה זמן (בחודשים) היה ערן מחובר לשירות הכבלים

למשל 2.5 (חודשיים וחצי(

2) בכמה סרטי V. O. D הוא צפה

התוכנית תדפיס למסך כמה כסף צריך ערן לשלם לחברת VIVO.

הסכום לתשלום צריך להיות מלווה בהודעה מתאימה.

مدرسة قفطان حلبي الإعدادية – دالية الكرمل - Copywrite – 2019