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

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

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

امتحان المُفَتِّش المُرَكِّز في علوم الحاسوب للصفّ الثامن

الوحدة التعليميّة برمجة طرف المُسْتَعْمِل - (מודול בצד לקוח) – java script

مفمار 2014

سؤال 1 (مفمار، سؤال 1، 2014)

كتب الطلاب موقعاً مكوّن من 3 صفحات: p1.html, p2.html, p3.html

أمامكم قسم من كود المصدر لصفحة p1.html . أكملوا الأقسام الناقصة حيث:

أ‌. النقر على النص "انتقل إلى الصفحة 2" سوف يأخذك إلى صفحة p2.html

ب‌. النقر على الصورة pic4.jpg، التي في نفس المجلد مع p1.html، سينقلك إلى صفحة p3.html

<a href="p2.html"> الانتقال لصفحة 2 </a>

</body></html>

سؤال 2 (مفمار، سؤال 2، 2014)

كتب الطلاب صفحة ويب بخلفية صفراء تحتوي على الجدول التالي:

أمامكم محتوى صفحة الويب. أكمل الفراغات.

<html>

<body dir="rtl" style="background-color:yellow >

<table border="1">

<tr>

<td> 4 </td>

<td> 3 </td>

<td> 2 </td>

<td> 1 </td>

</tr>

</table>

</body></html>

سؤال 3 (مفمار، سؤال 3، 2014)

امامكم كود مصدر لصفحة html.

يشير الكود، من بين أشياء أخرى، إلى الصورة Binary.jpg التي تم حذفها من مجلد pic

<html> <body dir="rtl">

<table border=1>

<tr>

<td>

<form>

<input type="radio" name="BMI" id="Binary"/> ثنائي <br/>

<input type="radio" name="BMI" id ="Hexa"/> سداسي عشري <br/>

<input type="radio" name="BMI" id ="Octal"/> ثماني <br/>

</form>

</td>

<td>

<img src="pic/Binary.jpg" alt="Binary"/>

</td>

</tr>

<tr>

<td> <button> 10110 </button> </td>

<td> <a href="http://www.google.com">מעבר למנוע חיפוש</a></td>

</tr>

</table>

</body> </html>

كيف تُعرض الصفحة في المتصفح؟ اختاروا الإجابة الصحيحة:

(أ)

(ب)

(ج)

(د)

*********************************************************************************************************************

الحل: الإجابة (ج)

سؤال 4 (مفمار، سؤال 4، 2014)

أ) أمامكم بعض الأكواد. بجانب كل برنامج، اكتبوا المُخرج الناتج:

المُخرج

الكود البرمجي

أ)

10 11 12

var sum= 0;

var k;

for (k = 5; k <= 20; k++) {

if ((k > 9) && (k < 13)) {

document.write(k+" ");

sum= sum + k;

}

document.write("<br/>");

document.write(sum)

ب)

1 1 1

2 2 2

3 3 3

4 4 4

for (var k = 1; k <= 4; k++) {

for (var h = 1; h <= 3; h++) {

document.write(k, " ");

}

document.write("<br />");

}

ب) أمامكم كود.

var num = parseInt(prompt("أدخل عدد"));

if (num >= 0 && num < 10))

document.write("One");

else if (num > 9 && num <=99)

document.write("Two");

else

document.write("Other");

(i) أعطوا مثال لمُدخل يؤدي يُطبع One:

عدد في المجال 1-9 (يشمل).

(ii) أعطوا مثال لمُدخل يؤدي يُطبع Two:

عدد في المجال 1-99 (يشمل).

(iii) أعطوا مثال لمُدخل يؤدي يُطبع Other:

عدد سالب أو أكبر من 9 .

(vi) أثيروا إلى العبارة الأكثر صحة:

1) لكل عدد سالب يُطبع Other

2) لكل عدد ليس في المجال 1 و 99 سوف يُطبع Other

3) لكل عدد ثلاثي المنزلة سوف يُطبع Other

4) جميع الإجابات صحيحة.

الحل: (4)

سؤال 5 (مفمار، سؤال 5، 2014)

أمامكم كود المصدر لصفحة HTML التي يجمع بين أكواد JavaScript

<html><head><script>

var secret = 1;

var text="";

function quiz() {

if (secret==1) {

text="عدد ثنائي"; secret = 0;

}

else {

text="عدد ثُماني"; secret=1;

}

document.getElementById("place").innerHTML=text;

}

</script> </head>

<body dir="rtl">

<input type="button" id="calc" value="اضغط هنا"

onclick="quiz()">

</body> </html>

أ. عندما يتم عرض الصفحة، ما الذي سوف يتم طباعته بدلاً من id = place الذي في الفقرة

الأخيرة من الصفحة؟

1) لا يُطبع شيء

2) يُطبع النص: عدد ثنائي

3) يُطبع النص: عدد ثُماني

4) يُطبع النص: عدد ثنائي عدد ثُماني

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

ب. متى سوف يُكتب على الصفحة النص: عدد ثُماني؟

1) عندما نضغط على زر id = "calc" عدد فردي من المرات.

2) عندما نضغط على زر id = "calc" عدد زوجي من المرات.

3) عندما نضغط على زر id = "calc" بغض النظر عن عدد المرات (لا يتعلق بعدد المرات)

4) دائماً

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

الحل: أ) 1 ب) 2

سؤال 6 (مفمار، سؤال 6، 2014)

أمامكم صورة للقطة شاشة وهيكل لكود مصدري (أوامر برمجة)، التي تقوم بحساب معدل علامات لمواضيع الرياضيات، الكمبيوتر والانجليزية. الصفحة تتضمن:

· 3 صناديق نص لإدخال العلامات:

الرياضيات id="math"، علوم الحاسب id="comp" والإنجليزية id="eng"

· زر، بالضغط عليه يتم تشغيل عملية (دالة) التي تحسب وتغرس معدل العلامات في صندوق النص id="avg"

· صندوق نص للتعليق، بحيث إذا المعدل أكبر أو يساوي لـ 80 يطبع التعليق "כל הכבוד!" وبأي حالة أخرى يطبع التعليق "אין דבר העומד בפני הרצון"

أكملوا هيكل السكربت.

*********************************************************************************************************************

<html><head>

<script>

function calc() {

var number1 = parseFloat(document.getElementById("math").value);

var number2 = parseFloat(document.getElementById("comp").value);

var number3 = parseFloat(document.getElementById("eng").value);

var average = (number1 + number2 + number3)/3;

document.getElementById ("avg").value = average ;

var remark;

if (average>=80) {remark = "כל הכבוד"} ;

else {remark = "אין דבר העומד בפני הרצון"} ;

document.getElementById ("com").value = remark ;

}

</script>

// ---------------------------------------

</head><body dir="rtl" >

<h1>חישוב ממוצע ציונים </h1>

<form name="frm">

מתמטיקה <input type="text" id="math" value="" size=4>

מדעי המחשב <input type="text" id="cs" value="" size=4>

אנגלית <input type="text" id="eng" value="" size=4>

הממוצע הוא: <input type="text" id="avg" value="" size=20>

</form>

ממוצע הציונים: <input type="button" id="calc" value="חשב" onclick="calc()"><br />

הערה: <input type="text" id="com" value="" size=20>

</body></html>

سؤال 7 (مفمار، سؤال 7، 2014)

قامت مجموعة من 25 شخصاً بنزهه في نهر اليركون من أجل الإبحار فيه.

عرض على المتنزهين ثلاثة أنواع من الإبحار:

الإبحار 1 - بتكلفة 50 شيكل،

الإبحار 2 - بتكلفة 100 شيكل

الإبحار 3 - بتكلفة 200 شيكل.

كتبت مريم خوارزمية باستخدام أسماء المتغيرات التالية:

count1 – يَعُد كم شخصاً من المسافرين اختاروا الإبحار1

count2 – يَعُد كم شخصاً من المسافرين اختاروا الإبحار2

count3 – يَعُد كم شخصاً من المسافرين اختاروا الإبحار3

choice – نوع الإبحار الذي إختاره الزائر (1, 2 أو 3)

totalCost – تكلفة الإبحار لجميع الزوار معاً.

أمامكم خوارزمية التي كتبتها مريم.

في الخوارزمية حُذِفت أجزاء. أكملوا الأجزاء الناقصة.

<script>

var count1= 0 , count2= 0 , count3= 0 ;

for (k = 1; k <= 25 ; k++) {

choice = parseInt(prompt("1,2,3 أدخل نوع الإبحار"));

if (choice == 1) {count1 = count1 + 1;}

if (choice == 2) {count2 = count2 + 1;}

if (choice == 3) {count3 = count3 + 1;}

}

document.write (count1 + " عدد المتنزهين الذين اختاروا إبحار 1 ");

document.write (count2 + " عدد المتنزهين الذين اختاروا إبحار 2 ");

document.write (count3 + " عدد المتنزهين الذين اختاروا إبحار 3");

var totalCost = count1*50 + count2*100 + count3*200;

document.write (totalCost + " تكلفة جميع المتنزهين معاً ");

</script>

سؤال 8 (مفمار، سؤال 8، 2014)

ماذا سوف يُطبع نتيجة للكود التالي?

א) 21

ב) 1 2 3 4 5 6

ג) 1 2 3 4 5 6 7

ד) 28

<script>

var k=1;

while(k<7) {

document.write(k+" ");

k = k + 1;

}

</script>

سؤال 9 (مفمار، سؤال 9، 2014)

يظهر أمامكم كود لصفحة HTML الذي يحتوي على وسم لـ canvas وشاشة بمقياس 400 × 400، حيث كل تربيعه بمقياس 50 × 50.

ارسموا على الشاشة حدود الــ canvas والرسم الناتج من تشغيل الصفحة.

لا حاجة لاستخدام الألوان، يمكنك تحديد اسم الألوان.

<html><head></head><body>

<canvas id="canvasFrame" width="400" height="400">

</canvas>

<script>

var num = 400;

var canvasObj = document.getElementById("canvasFrame");

var ctx = canvasObj.getContext("2d");

ctx.fillStyle = "blue";

ctx.rect ( num-300 , num-200 , 100 , 200);

ctx.fill ( );

ctx.strokeStyle = "red";

ctx.lineWidth = 4;

ctx.moveTo ( num-300 , num-200);

ctx.lineTo ( num-250 , num-250);

ctx.lineTo ( num-200 , num-200);

ctx.stroke( );

</script></body></html>

الحل:

سؤال 10 (مفمار، سؤال 10، 2014)

كتب أمير خوارزمية تقوم برسم عنصر لمستطيل على canvas أصفر اللون حيث لونه

يتبدل من الأحمر إلى الأخضر، بالتناوب في كل مرة يتم النقر فيها بالفأرة.

لون الــ canvas - أصفر.

حجم عنصر المستطيل - 50 × 50؛ الموقع 100,100 ؛

xR - موضع العنصر ، المسافة من اليسار left ؛

yR - موضع العنصر ، المسافة من الأعلى top ؛

أكملوا التعليمات الناقصة في الخوارزمية التي كتبها أمير.

<html><body>

<canvas id="canvasFrame" width="400" height="400"

style="background-color: yellow" onclick="quiz()"> </canvas>

<script>

var xR = 100 ;

var yR = 100 ;

var hit = 1;

var canvasObj = document.getElementById("canvasFrame");

var ctx = canvasObj.getContext("2d");

ctx.fillStyle = "yellow";

ctx.beginPath( );

ctx.fillRect( xR, yR, 50, 50);

function quiz(event) {

event = event || window.event;

ctx.fillStyle = "yellow";

ctx.fillRect(0, 0, 400, 400);

if (hit > 0) // hit == 1

ctx.fillStyle = "red";

else

ctx.fillStyle = "green";

hit=hit*(-1);

ctx.beginPath();

ctx.fillRect( xR , yR , 50 , 50 );

}

</script></body></html>

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