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

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

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

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

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

مفمار 2013 (מפמ"ר 2013, צד לקוח, כיתה ח)

سؤال1 (שאלה 6, מפמ"ר 2013, צד לקוח, כיתה ח)

א. מה תציג השורה הבאה:

<a href="http://www.he.wikipedia.org"> http://www.bmi.com </a>

1.	יוצג קישור לערך BMI באתר וויקיפדיה
2.	יוצג קישור לאתר bmi אשר יפנה לאתר של וויקיפדיה
3.	יוצג קישור לאתר bmi וגם קישור לאתר וויקיפדיה
4.	יוצגו תמונות של אתר bmi וגם קישור לאתר וויקיפדיה

الحل: (2)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ב. לפניך הוראות ב HTML לבניית הטבלה הבאה. השלם את ההוראות.

BMI

(תוצג תמונה sport.jpg הנמצאת באותה תיקייה של דף האינטרנט)

קישור לאתר

www.bmi.com

יוצג כפתור ועליו

הכיתוב BMI

<table> <tr> <td> BMI </td>

<td><img src= "sport.jpg"/> </td> </tr>

<tr> <td> <a href= "http://www.bmi.com">קישור לאתר</a> </td>

<td> <input type="button" value= "BMI" /></td> </tr> </table>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ג. לפניכם קוד דף HTML הכולל תגית canvas ומסך בגודל 400400 x כאשר כל

משבצת הינה בגודל 50 x 50 .

ציירו על גבי המסך את גבולות ה canvas ואת הציור המתקבל מהרצת הדף.

אין צורך להשתמש בצבעים, ניתן לציין את הצבעים במלל.

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

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

<script>

var num = 100;

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

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

ctx.beginPath();

ctx.fillStyle = "yellow";

ctx.fillRect(num-100, num+100, 100, 50);

ctx.fillStyle = "red";

ctx.arc(400-num, 400-num, 25, 0, Math.PI * 2, true);

ctx.fill();

ctx.endPath();

</script>

</body></html>

سؤال2 (שאלה 7, מפמ"ר 2013, צד לקוח, כיתה ח)

א. לפניכם שני תסריטים. רשמו לצד כל תסריט את הפלט המתקבל מהפעלתו:

<script>

var secret= 0;

var k;

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

if (k % 2 == 0) {

secret= secret + k;

}

document.write(secret);

</script>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ii.

1 2

1 2 3

<script>

var k;

var h;

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

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

document.write(h, " ");

}

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

}

</script>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ב. (i) לפניכם תסריט. בחרו את התשובה המאפיינת את פלט המתקבל מהפעלתו.

<script>

var num = parseInt(prompt("הכנס מספר"));

if (num % 4 != 0)

document.write("T");

else if (num > 100)

document.write("B");

else

document.write("G");

</script>

أ.	תודפס המחרוזת TBG
ب.	יודפס T אם הקלט מתחלק ב- 4, יודפס B אם הקלט גדול מ- 100, בכל שאר המקרים יודפס G
ج.	יודפס T אם הקלט אינו מתחלק ב- 4, יודפס B אם הקלט גדול מ- 100, בכל שאר המקרים יודפס G
د.	יודפס T אם הקלט אינו מתחלק ב 4, יודפס – B אם הקלט מתחלק ב- 4 וגם גדול מ- 100 בכל שאר המקרים יודפס G

الحل: (د)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

(ii) תן דוגמה לקלט עבורו יודפס G : כל מספר שמתחלק ב 4 וקטן מ 100 למשל 24.

سؤال3 (שאלה 8, מפמ"ר 2013, צד לקוח, כיתה ח)

אמיר קיבל הצעת מסלול תשלום מחברת "סלולר שלי" עבור הטלפון החכם שלו.

- 0.3 אג' לדקה למספרים מוזלים: מספרים בקידומת 02 או 052

- 0.5 אג' לדקה לשאר הקידומות.

אמיר שילם 45 ₪ עבור 200 השיחות האחרונות שביצע.

לשם בדיקת יעילות ההצעה שקיבל, רצה אמיר לבדוק כמה היה משלם על שיחות אלו

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

אחרונות שביצע על פי ההצעה החדשה.

כל 100 השיחות שנבדקו, ארכו דקה אחת בדיוק.

התסריט שכתב אמיר:

- קולט קידומת מספר טלפון עבור כל שיחה שביצע

- מונה את מספר השיחות הזולות שעלותן 0.3 אג' לדקה

- מונה את מספר השיחות שעלותן 0.5 אג' לדקה

- מחשב את עלות 100 השיחות על פי ההצעה של חברת "סלולר שלי"

- מחשב ומדפיס האם ההצעה של חברת "סלולר שלי" משתלמת

אמיר השתמש במשתנים הבאים:

- משתנה prefix קולט את קידומת הטלפון

- משתנה count3 – מונה את כמות השיחות לטלפונים המוזלים (02 או 052)

- משתנה count5 מונה את כמות השיחות לשאר הטלפונים

- משתנה cost מחשב ומדפיס את עלות כל השיחות

השלימו את שלד התסריט שכתב אמיר.

var count3 = 0 ; var count5 = 0;

var cost;

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

prefix = parseInt(prompt("מהי קידומת הטלפון"));

if (prefix==02 || prefix==052)

count3 = count3 + 1 ;

else count5 = count5 + 1 ;

}

document.write(count3, "כמות שיחות לטלפונים מוזלים<br/>");

document.write(count5, "כמות שיחות לטלפוניים שאינם מוזלים<br>");

cost = count3*0.3 + count5*0.5 ;

if (cost < 45)

document.write("המסלול החדש משתלם<br/>");

else document.write("המסלול החדש אינו משתלם<br/>");

سؤال4 (שאלה 9, מפמ"ר 2013, צד לקוח, כיתה ח)

לפניכם canvas בגודל 300 x 300 (כל משבצת הינה בגודל 30 x 30).

על ה – canvas מתוארת דרכו של הקוף להשגת כל הבננות (ראו איור מצורף).

מיקום הקוף (monkey) - x:30 y:270

מיקומי הבננות (bananas) – x:60 y:210, x:120 y: 210, x:180 y:210, x:240 y:210

כתבו תסריט אשר ישרטט את דרכו של הקוף להשגת כל הבננות. התייחסו להגדרות ה- canvas והמשתנים שלהלן:

<body>

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

</canvas>

<script>

var monkeyX = 30;

var monkeyY = 270;

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

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

var Xmonkey = 30;

var Ymonkey = 270;

var k;

ctx.strokeStyle = "red";

ctx.moveTo(Xmonkey, Ymonkey);

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

ctx.lineTo(Xmonkey+30, Ymonkey-60);

ctx.lineTo(Xmonkey+60, Ymonkey);

Xmonkey = Xmonkey + 60;

}

ctx.stroke();

</script>

</body>

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