פלט הוראת הדפסה/
הוראת הדפסה/פלט
תרגיל 1
העתיקו לקובץ וענו על השאלות הבאות
.1השלם :כשנריץ קובץ זה נקבל 3הודעות מוקפצות .הודעה ________1
הודעה ________2הודעה ________3
.2כשכותבים ביטוי חשבוני עם גרשיים מקבלים______________
.3כשכותבים ביטוי חשבוני ללא גרשיים מקבלים_____________
.4מה תדפיס ההוראה ;))_____________ alert("2+4="+(2+4
הסבירו מדוע בהוראה זו מופיע הסימן +פעמיים____________.
.5כתבו את הביטוי 3*4=12בהוראת alertאחת בלבד.
.6הוסף את ההוראה ;)"alert("Hello \n JavaScript
הסבירו את הסימן _______________ \n
><body
><script
;)"alert("Hello World
;)"alert("2+4
;)alert(2+4
></script
></body
תרגיל 2
כתבו תוכנית המדפיסה את שמכם ,כתבות ,תחביבים בשורות נפרדות בהוראת alertאחת בלבד,
תרגיל 3
העתיקו לקובץ וענו על השאלות הבאות
><body
><script
;)">document.write("Hello World<br/
;)">document.write("3+5<br/
;)">document.write(3+5+"<br/
;)">document.write("2*4=" + (2 * 4) + "<br/
;)"document.write("Hello <br/> JavaScript
></script
></body
.1
.2
.3
.4
.5
.4
כשנריץ קובץ זה נקבל ( 6/5/4מחקו את המיותר) שורות "הדפסה" לדף הHTML -
בשורה 1יודפס_____________ בשורה 2יודפס_______________
בשורה 3יודפס_____________ בשורה 6יודפס_______________
בשורה 5יודפס_____________ בשורה 4יודפס_______________
בשורה 7יודפס_______________ (מחקו שורות מיותרות)
">+"<br/
הסבירו את הסימן
בהוראה ;)">document.write("2*4=" + (2 * 4) + "<br/
.7כתבו את הביטוי 21/7=3בהוראת document.writeאחת בלבד.
תרגיל 6
כתבו תוכנית המדפיסה את ימות השבוע בשורות נפרדות בהוראת document.writeאחת בלבד.
איריס צור ברגורי ופרלמן רחל
עמוד 1
משתנים -הצבה
תרגיל 5
העתיקו לקובץ וענו על השאלות הבאות
><body
><script
;var score = 5
;"var game = "pong
;var highest_score = 100
;)">document.write(game + "<br/
;)">document.write(highest_score + "<br/
;)">document.write(highest_score - score + "<br/
></script
></body
.1
.2
.3
.6
כשנריץ תוכנית זו הפלט יהיה _________________________________________
כמה משתנים בתוכנית זו?______________ רשמו את שמותיהם_______________
הוסיפו הוראה להדפסת ערך המשתנה score
הסבירו את ההוראה ____________________________________________ var
תרגיל 4
לפניכם תוכנית מילולי .תרגם את התוכנית לתוכנית בJavaScript -
הציבו במשתנה aאת הערך 6
הציבו במשתנה bאת הערך 5
הציבו במשתנה sumאת הביטוי a+b
הציבו במשתנה subאת הביטוי a-b
הציבו במשתנה mulאת הביטוי a*b
הציבו במשתנה divאת הביטוי a/b
הדפיסו את ערכי המשתנים mul, div , sub , sum
תרגיל 7
לפניכם אלגוריתם מילולי .תרגם את התוכנית לתוכנית בJavaScript -
הציבו במשתנה colorRאת הערך ""red
הציבו במשתנה colorGאת הערך ""green
הציבו במשתנה colorBאת הערך ""blue
הדפיסו את ערכי המשתנים colorR , colorG , colorB
תרגיל 8
לפניכם אלגוריתם מילולי .תרגם את התוכנית לתוכנית בJavaScript -
הציבו במשתנה num1את הערך 8
הציבו במשתנה num2את הערך 2
הציבו במשתנה num1את הביטוי num2+ num1
הציבו במשתנה num1את הביטוי num1-5
הדפיסו את ערכי המשתנים num1 , num2
הציבו במשתנה num2את הערך num1+1
הדפיסו את ערכי המשתנים num1 , num2
איריס צור ברגורי ופרלמן רחל
עמוד 2
קליטה- משתנים
9 תרגיל
העתיקו לקובץ ומלאו את הטבלה
<body>
<script>
a = window.prompt ("enter a number");
document.write(a
+ "<br/>");
document.write(a*2 + "<br/>");
document.write(a*3 + "<br/>");
document.write(a*4 + "<br/>");
</script>
</body>
פלט
A
3
5
7
___________________________ window.prompt הסבירו את ההוראה
11 תרגיל
העתיקו לקובץ ומלאו את הטבלה
<head><meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i"></head>
<body>
<script>
mark1 = window.prompt(";)"הכנס ציון במתמטיקה
mark2 = window.prompt(";)"הכנס ציון במדעי המחשב
mark3 = window.prompt(";)"הכנס ציון בפיסיקה
avg = (parseInt(mark1) + parseInt(mark2) + parseInt(mark3)) / 3;
document.write("" הממוצע הוא+avg + "<br/>");
</script>
</body>
הדפסה
avg
mark3
mark2
54
95
81
mark1
95
98
87
78
91
72
____________________________________ parseInt(num) הסבירו את ההוראה.1
_____________________________________ ? פעמים3 מדוע השתמשנו בהוראה זו.2
11 תרגיל
. ומחשבת את התשלום הסופי. כתבו תוכנית הקולטת כמה דפים צילמה אביגיל. אגורות31 מחיר צילום דף
. השלימו את החסר.לפניכם תוכנית
<head><meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i"></head>
<body dir="rtl">
<script>
var price = 30;
var pages = __________________(";)"כמה דפים צילמה אביגיל
var total = parseInt (_________) * parseInt (_________);
document.write("< מחיר סופי לתשלוםbr/>" + _________ + "<br/>" + "<אגורותbr/>");
</script>
3 עמוד
איריס צור ברגורי ופרלמן רחל
</body>
סיכום
שאלה וקליטה למשתנה ;)"a=window.prompt("enter a number
;b=5
הצבה במשתנה
(alert
;)"+"\n
הקפצת הודעה
(document.write
;)">+ "<br/
הדפסה
)parseInt(num
המרת טקסט למספר שלם
תרגיל 12
לפניכם אלגוריתם מילולי .תרגם את התוכנית לתוכנית בJavaScript -
.1שאלו – "מה מחיר מנה עיסקית במסעדה"
קלטו למשתנה restaurantמחיר מנה עיסקית במסעדה
.2שאלו – "כמה מנות הוזמנו?"
קלטו למשתנה numאת כמות ההזמנות
.3הציבו במשתנה totalאת הביטוי num *restaurant
.6הדפיסו "המחיר הסופי לתשלום"total+
תרגיל 13
יוסף קנה המבורגר וקולה .כתבו תוכנית ב JavaScript -המחשבת כמה עליו לשלם.
קולטת מחיר המבורגר למשתנה – hamburger
קולטת מחיר קולה למשתנה – cocaCola
מחשבת מחיר סופי ומציבה במשתנה – total
מדפיסה את ערך המשתנה totalעם הודעה מתאימה
תרגיל 16
אביגיל קנתה חולצות .כתבו תוכנית ב JavaScript -המחשבת כמה עליה לשלם.
קולטת מחיר חולצה למשתנה – shirt
קולטת כמות חולצות למשתנה – num
מחשבת מחיר סופי ומציבה במשתנה – price
מדפיסה את ערך המשתנה priceעם הודעה מתאימה
תרגיל 15
בחנות "קופיל" ניתן לגלוש באינטרנט במחיר של 2שקלים ל 31-דקות.
כתבו תוכנית הקולטת כמה דקות גלשה שרון באינטרנט ,ומחשבת את המחיר שעליה לשלם.
יש לבחור שמות משתנים משמעותיים.
תרגיל 14
רונן קנה 3משחקי מחשב חדשים .כתבו תוכנית הקולטת את מחירו של כל משחק.
ומחשבת את מחירם הכולל של המשחקים .יש לבחור שמות משתנים משמעותיים.
תרגיל 17
בחנות "מגבת-לי" ניתן לרכוש מגבת רחצה ב 25-ש"ח.
כתבו תוכנית הקולטת כמה מגבות רכש אמיר ,ומחשבת את המחיר שעליו לשלם.
יש לבחור שמות משתנים משמעותיים.
איריס צור ברגורי ופרלמן רחל
עמוד 4
תנאים לוגיים
תרגיל 18
לפניכם מספר הוראות הכתבות ב JavaScript -רשמו לצד כל הוראה מה יודפס בהרצת התוכנית
;x = 5; y = 3; z=40 ;m = 25
;)var t = (y >= x
פלט
ההוראה בJavaScript -
;)document.write(x == y
;)document.write(y>x
;)document.write(z<40
;)document.write(y>=3
;)document.write(x != y
;)document.write(z > 40 && z < 100
;)document.write(z >= 40 && z <= 100
;)document.write(x > y && x < z
;)document.write(x == y && x < z
;)document.write(x == y || x < z
;)document.write(x > m || x != z
;)document.write(x > m && x != z
;)document.write(m > z || y > z
;)document.write(!t
גיל התלמיד ()ageבין 7ל17 -
;)document.write(t && y > z && x > y
;)document.write(t || y > z || x > y
;))document.write(!(t || y > z || x > y
מתמטיקה ()mathציון גדול מ 85-או אנגלית
( )englishגדול מ71-
מחיר המוצר ( )priceבין 51ל111-
תרגיל 19
כתבו תוכנית שקולטת מספר ,מדפיסה " "trueאם המספר חיובי ו "false"-אחרת
תרגיל 21
כתבו תוכנית שקולטת 2מספרים ,מדפיסה " "trueאם סכום המספרים גדול מ 46-ו "false"-אחרת
תרגיל 21
כתבו תוכנית שקולטת מחיר חולצה ומחיר גופיה ,מדפיסה " "trueאם מחיר החולצה קטן מ ₪ 111-וגם
מחיר הגופייה קטן מ ₪ 31-ו "false"-אחרת.
תרגיל 22
כתבו תוכנית שקולטת גיל תלמיד וציונו בחינוך גופני ,מדפיסה " "trueאם גיל התלמיד מעל 11שנים או
ציונו בחינוך גופני מעל 91ו "false"-אחרת.
תרגיל 23
סדרה חשבונית-בסדרה חשבונית ההפרש בן כל שני אברים צמודים זהה .לדוגמה ( 4,9,12הפרש )3
כתבו תוכנית הקולטת שלושה מספרים ומדפיסה trueהם מהווים סדרה חשבונית על פי סדר קליטתם
אחרת תדפיס . false
איריס צור ברגורי ופרלמן רחל
עמוד 5
הוראת תנאי
23 תרגיל
העתיקו לקובץ ומלאו את הטבלה
<head>
<meta http-equiv="content-type"
content="text/html;charset=iso-8859-8-i">
</head>
<body dir="rtl">
<script>
heigh = window.prompt(";)"שלך הגובה מה
if (heigh > 1.6)
document.write(" ;)" כדורסל לנבחרת התקבלת
else document.write(" ;)"כדורגל לנבחרת התקבלת
</script>
</body>
פלט
heigh
1.75
1.41
1.65
?else - ? מה משמעות הif(); מה לדעתך עושה הפעולה
26 תרגיל
העתיקו לקובץ ומלאו את הטבלה
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i">
</head>
<body dir="rtl">
<script>
math = window.prompt(";)"הכנס ציון במתמטיקה
computer = window.prompt(";)"הכנס ציון במחשבים
english = window.prompt(";)"הכנס ציון באנגלית
if ((math>85)&& (computer>85)&& (english>85) )
document.write(" ;)" התקבלת לעתודה מדעית טכנולוגית
else if ((math<56)|| (computer<56)|| (english<56) )
document.write(" ;)" הינך משובץ בכיתה רגילה
else
document.write(" ;)" התקבלת לכיתת מופת
</script>
</body>
פלט
english
computer
math
111
95
91
85
91
85
54
54
54
87
91
45
72
46
78
92
88
65
_________________________ ? || מה פירוש הסימן && ?הסימן
6 עמוד
איריס צור ברגורי ופרלמן רחל
תרגיל 25
><head
>"<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i
></head
>"<body dir="rtl
;))"מספר הכנס"(x = parseInt(window.prompt
;))"מספר הכנס"(y = parseInt(window.prompt
;)"חשבון פעולות + - * / 4סימן הכנס"(var op = window.prompt
)"if (op == "+
;))document.write("x+y="+( x + y
)"else if (op == "-
;))document.write("x-y="+(x-y
)"*" == else if (op
;))document.write("x*y="+ (x * y
;))else document.write("x/y="+(x / y
></script
></body
></html
x
op
y
8
2
/
2
3
+
6
9
*
5
3
-
פלט
תרגיל 24
א.
כתבו תוכנית הקולטת מספר ממשי .אם הוא גדול מ – 31יודפס חם מאוד אחרת יודפס
מזג האוויר יישאר ללא שינוי
ב.
כתבו תוכנית שקולטת מספר אם הוא חיובי יודפס אתה ביתרה אחרת יודפס אתה
במינוס
ג.
כתבו תוכנית הקולטת את האות הראשונה של הרחוב שלך ואת האות הראשונה של
ביה"ס בו אתה לומד .התוכנית תדפיס אם האותיות זהות.
איריס צור ברגורי ופרלמן רחל
עמוד 7
ד.
כתבו תוכנית שקולטת סימן מ 2-משתמשים עבור המשחק איקס עיגול .במידה ושני
המשתתפים בחרו את אותו סימן תודפס הודעה מתאימה.
ה.
כתבו תוכנית הקולטת גיל אדם .במידה וגילו מעל 31ומתחת לגיל 51יודפס "התקבלת
לעבודה" אחרת יודפס "כרגע אין עבודה מתאימה עבורך".
ו.
כתבו תוכנית הקולטת את מחיר העגבניות .אם המחיר מעל
₪ 5יודפס –" המחיר
מוגזם" אחרת יודפס "אשמח לקנות".
ז.
כתבו תוכנית הקולטת את המהירות המרבית לנסיעה בכביש הערבה ואת מהירות הנהג.
– אם הנהג נוסע בגבולות המותר תודפס הודעה מתאימה אחרת תודפס הודעה – "עברת
את המהירות המותרת".
ח.
כתבו תוכנית הקולטת את חום גופו של אדם .אם המספר מעל 38יודפס "גש לרופא"
אחרת יודפס "הינך בריא".
ט.
כתבו תוכנית הקולטת תו ובודקת אם הוא באותיות a – zבמידה וכן יודפס שזו אחת
מאותיות ה abc -אחרת תודפס הודעה מתאימה.
תרגיל 27
אהוד ודוד עורכים בדיקת מחירים עבור מנוי לחדר כושר.
כתבו תסריט הקולט מחיר מנוי לחדר כושר עבור חודש.
במידה והמחיר פחות מ - ₪ 151 -יודפס "מחיר מצוין"
במידה והמחיר בין ₪ 151ל - ₪ 251 -יודפס "מחיר סביר"
במידה והמחיר מעל - ₪ 251יודפס "יקר אך איכותי"
בכל מקרה יודפס – "תודה שהשתמשתם בתוכנית הבדיקה של אהוד ודוד"
תרגיל 28
יוסי וליאת עורכים בדיקה כמה חניכים הגיעו לפעולת אמצע שבוע בתנועת הנוער.
כתבו תסריט הקולט את מס' החניכים עבור פעולת אמצע שבוע
במידה והגיעו יותר מ 31-חניכים -יודפס "אתם מדריכים מעולים"
במידה והגיעו בין 21ל 31-חניכים – יודפס "מס' החניכים הכי גדול בסניף"
במידה והגיעו בין 11ל 21 -חניכים – יודפס "מס' סביר של חניכים"
במידה והגיעו פחות מ 11-חניכים – יודפס "יש לגייס דחוף חניכים לשבט"
בכל מקרה ללא קשר למס' החניכים יודפס בסוף – " תנועת נוער -למימוש החזון של יצירת חברה
לומדת ועושה"
שאלה :29
דני וליטל לומדים צבעים .כתבו תסריט שיעזור להם.
קלוט צבע למשתנה color
אם הצבוע הוא –yellowיודפס צהוב
אם הצבוע הוא –redיודפס אדום
אם הצבוע הוא –blueיודפס כחול
אחרת יודפס– עדיין לא למדנו צבע זה
בכל מקרה (ללא קשר לצבע שנקלט) יודפס " צבעים מזינים את נפש האדם ומעניקים לו תמיד
שמחה ותקווה "
איריס צור ברגורי ופרלמן רחל
עמוד 8
פונקציות – שלב 1
פונקציות ללא משתנים
תרגיל 31
העתיקו לקובץ וענו על השאלות (קובץ )func1.html-
><head
></head
>"<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i
><script
{ )(function Ballgame
;)">"+"<br /כדורגל כדורסל טניס פינג-פונג"(document.write
}
)(function MusicalInstrument
{
;)">"+"<br /חליל אורגן גיטרה תוף"(document.write
}
></script
></head
>"<body dir="rtl
><br /בדף זה מופעלות פונקציות
> <script
;)(Ballgame
;)(musicalInstrument
></script
></body
א.
כשנריץ את התוכנית יודפס__________________________________
ב.
ג.
ד.
ה.
ו.
הסבירו מה מבצעת הפונקציה )(_______________________Ballgame
הסבירו מה מבצעת הפונקציה)(________________ MusicalInstrument
הוסיפו לתוכנית פונקציה בשם )( , hobbiesהפונקציה תדפיס 4תחביבים.
הוסיפו לתוכנית פונקציה בשם )( , Animalsהפונקציה תדפיס 4שמות של חיות.
הוסיפו לתוכנית פונקציה בשם )( ,Famousהפונקציה תדפיס 4שמות של
מפורסמים.
תרגיל 31
כתבו תוכנית חדשה המכילה 2פונקציות:
א .כתבו פונקציה המדפיסה את כל אותיות הא"ב
ב .כתבו פונקציה המדפיסה את כל הABC -
תרגיל 32
כתבו תוכנית חדשה המכילה 2פונקציות:
א .כתבו פונקציה המדפיסה לפחות 4סוגים של מכוניות
ב .כתבו פונקציה המדפיסה לפחות 4סוגים של מטוסים
איריס צור ברגורי ופרלמן רחל
עמוד 9
– Onclickשלב 1
תרגיל 33
שימוש ב onclick -לכתיבת טקסט בדף webנוכחי
><!DOCTYPE html
><html
><head
"<meta http-equiv="content-type
>"content="text/html;charset=iso-8859-8-i
><script
)(function Israel
{
היא מדינה במזרח התיכון ,השוכנת לחוף הים התיכון ,שהכריזה על עצמאותה "=var text
;"בשנת .1441ישראל היא דמוקרטיה פרלמנטרית המוגדרת כמדינה יהודית ודמוקרטית
;"מדינת ישראל"=document.getElementById("place1").innerHTML
;document.getElementById("place2").innerHTML=text
}
></script
></head
>"<body dir="rtl
></pלחץ על הכפתור><p
></buttonלקבלת מידע על ישראל לחץ כאן>")(<button onclick="Israel
><p id="place1"></p
><p id="place2"></p
></body
></html
תרגיל 43
היעזר בתכנות זה וצור עוד 2כפתורים עם מידע על 2מדינות לפי בחירתך.
תרגיל 43
היעזר בתכנות זה וצור 6כפתורים
בסיס 2
בסיס 8
בסיס 11
בסיס 14
לחיצה על כל כפתור תציג סדרה של מספרים בבסיס רלוונטי.
תרגיל 43
-OSIמודול 7שכבות
היעזר בתכנות זה וצור 7כפתורים – בלחיצה על כפתור נקבל מידע על כל שכבה
(היעזרו בוויקיפדיה)
איריס צור ברגורי ופרלמן רחל
עמוד 11
פונקציות – שלב 2
פונקציות עם משתנים גלובליים
תרגיל 37
העתיקו לקובץ וענו על השאלות (קובץ )func2.html-
><head
></head
>"<meta http-equiv="content-type" content="text/html;charset=iso-8859-8-i
><script
{ )(function sum
;)">document.writeln("num1+num2="+(num1+num2)+"<br/
}
)(function sub
{
;)">document.writeln("num1-num2="+(num1-num2)+"<br/
}
></script
></head
>"<body dir="rtl
><br /בדף זה מופעלות פונקציות
> <script
;))"הכנס מספר "(var num1 = parseInt(window.prompt
;))"הכנס מספר "(var num2 = parseInt(window.prompt
;)(sum
;)(sub
></script
></body
א.
כשנריץ את התוכנית יודפס__________________________________
ב.
ג.
ד.
ה.
ו.
הסבירו מה מבצעת הפונקציה)(___________________ sum
הסבירו מה מבצעת הפונקציה )(____________________ sub
הוסיפו לתוכנית פונקציה בשם )( , multהפונקציה תדפיס את כפל המספרים.
הוסיפו לתוכנית פונקציה בשם )( , divisionהפונקציה תדפיס את חילוק המספרים.
הוסיפו לתוכנית פונקציה בשם )( ,avgהפונקציה תדפיס את ממוצע המספרים.
תרגיל 38
א .כתבו תוכנית הקולטת צלע משולש וגובה
ב .כתבו פעולה המחשבת היקף משולש
ג .כתבו פעולה המחשבת שטח משולש
ד .קראו לפעולות בbody -
ה .עיצבו את הדף -הוסיפו תמונות של משולשים ,שנו רקע
איריס צור ברגורי ופרלמן רחל
עמוד 11
פונקציות – שלב 2
פונקציות עם משתנים גלובליים
תרגיל 39
א .כתבו תוכנית הקולטת 2תווים .
ב .כתבו פעולה הבודקת אם התווים שווים ומדפיסה trueאם הם שווים – false
אחרת.
תרגיל 61
א .כתבו תוכנית הקולטת 2מספרים.
ב .כתבו פעולה המדפיסה את המספר הגדול ביותר מבניהם.
תרגיל 61
א .כתבו תוכנית הקולטת 2מספרים.
ב .כתבו פעולה המדפיסה trueאם הם זוגיים – falseאחרת
תרגיל 62
א .כתבו תוכנית הקולטת מספר דו ספרתי.
ב .כתבו פעולה המדפיסה את סכום ספרותיו.
תרגיל 63
א .כתבו תוכנית הקולטת תו.
ב .כתבו פעולה הבודקת אם התקבל התו Hיודפס " "HONDAאם התקבל Tיודפס
" "TOYOTAעבור כל תו אחר יודפס "אין רכב כזה במלאי".
תרגיל 66
א .כתבו תוכנית הקולטת מספר שלם המייצג צבע.
ב .כתבו פעולה שתדפיס את שם הצבע בהתאםPINK -6 BLUE -3 RED -2 :
עבור כל מספר אחר יודפס – "אין במלאי".
איריס צור ברגורי ופרלמן רחל
עמוד 12
2 – שלבonclick
לכתיבת טקסט בטופסonclick -שימוש ב
65 תרגיל
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type"
content="text/html;charset=iso-8859-8-i">
<script>
function calculator()
{
var number1 =
parseInt(document.getElementById("no_1").value);
var number2 =
parseInt(document.getElementById("no_2").value);
var sum=number1+number2;
document.frm.result.value = sum;
}
</script>
</head>
<body >
<form name="frm">
number1=<input type="text" value="0" id="no_1" size="4">+
number2=<input type="text" value="0" id="no_2" size="4">
<br/>
<input type="button" id="calc" value=""חשב
onclick="calculator()"><br/>
The result is : <input type="text" value="" id="result"
size="4">
</form>
</body>
</html>
33 תרגיל
פעולות חשבון6 היעזר בתכנות זה וצור מחשבון עם
34 תרגיל
מעגל, מלבן,היעזר בתכנות זה וצור מחשבון שטח והיקף – לריבוע
34 תרגיל
היעזר בתכנות זה וצור מחשבון סדרה הנדסית
13 עמוד
איריס צור ברגורי ופרלמן רחל
4 – שלבonclick
רדיו- לכפתורי ברירהonclick -שימוש ב
34 תרגיל
שימוש בכפתורי רדיו להכנת טריוויה
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-88598-i">
<script>
function conversion(number)
{
if (number=="100111")
{
document.frm.result.value = ";"תשובה נכונה
}
else{
document.frm.result.value =";"נסה שוב
}
}
</script>
</head>
<body dir="rtl">
<p> בבסיס בינארי34 מה ערכו של המספר:</p>
<form name="frm">
<input type="radio" name="number" onclick="conversion(this.value)"
value="10110">10110</br>
<input type="radio" name="number" onclick="conversion(this.value)"
value="1111">1111</br>
<input type="radio" name="number" onclick="conversion(this.value)"
value="100011">100011</br>
<input type="radio" name="number" onclick="conversion(this.value)"
value="100111">100111</br></br>
בדוק את תשובתך: <input type="text" id="result"
</form>
</body>
</html>
value="">
35 תרגיל
שאלות לפחות5 העזר בתכנות זה ובנה טריוויה עם
)המרה מבינארי לדצימלי1
)המרה מאוקטלי לדצימלי2
)המרה מאוקטלי לבינארי3
)המרה מהקסדצימלי לדצימלי6
)המרה מהקסדצימלי לבינארי5
14 עמוד
איריס צור ברגורי ופרלמן רחל
תרגילים לסיכום הפרק
הכנת דפי webעם טופס ושימוש בonClick -
תרגיל -51א
תלמידים מעוניינים להכין דף אינטרנט לחישוב מחיר כניסה לגן חיות לפי הפירוט הבא:
מבוגר – , ₪ 51ילד , ₪ 111 -סטודנט – . ₪ 25
3)iתיבות טקסט להכנסת מידע – כמות מבוגרים ,כמות ילדים ,כמות סטודנטים
)iiכפתור שכתוב עליו "חשב מחיר לתשלום" וכאשר לוחצים עליו ,תופעל פונקציה
המחשבת ושותלת את המחיר לתשלום בתיבת טקסט בהתאמה.
לפניכם התוכנית ,השלימו את ההוראות החסרות.
><!DOCTYPE html
><html
><head
><script
)(function calculate
{
;)var number1 = parseFloat(document.getElementById("_____").value
;)var number2 = parseFloat(document.getElementById("_____").value
;)var number3 = parseFloat(document.getElementById("_____").value
;_________________________________________=var total
;_______=document.getElementById("_____").value
}
></script
></head
> "<body dir="rtl
> </h1מחיר כניסה ללונה פארק ><h1
>"<form name="frm
> <input type="text" id="people" value="" size=4מבוגר
ילד
><input type="text" id="kid" value="" size=4
איריס צור ברגורי ופרלמן רחל
עמוד 15
> <input type="text" id="student" value="" size=4></brסטודנט
>" onclick="__________"></brחשב מחיר לתשלום "=<input type="button" id="calc" value
> :<input type="text" id="result" value="" size=20></brהמחיר לתשלום
></form></body></html
תרגיל -ב
התלמידים החליטו להוסיף תיבת טקסט "הערה" ,ולכן הוסיפו את ההוראה הבאה:
> :<input type="text" id="com" value="" size=20הערה
במידה והלקוח ישלם מעל ₪ 311יושתל שם הטקסט " מגיע לך כרטיס חינם"
אחרת יושתל הטקסט "תודה שהגעתם לגן חיות"
לפניכם הפונקציה ,השלימו את ההוראות החסרות.
)(function calculate
{
……..
;var remark
;"________________" = if (________) remark
"___________________ "=else remark
;__________=document.getElementById("______").value
}
------------------- ---------------------------------------------------------------------תרגיל -52א
תלמידים מעוניינים להכין דף אינטרנט לחישוב מחירים עבור מכולת-אינטרנט לפי
הפירוט הבא:
חלב – , ₪ 4קורנפלקס , ₪ 15 -מעדן – . ₪ 6
נקניקיות – , ₪ 31קטשופ , ₪ 12 -וופלות – .₪ 11
4)iתיבות טקסט להכנסת מידע – כמות חלב ,קורנפלקס ,מעדן ,נקניקיות ,קטשופ ,וופלות
)iiכפתור שכתוב עליו "חשב מחיר לתשלום" וכאשר לוחצים עליו ,תופעל פונקציה
המחשבת ושותלת את המחיר לתשלום בתיבת טקסט בהתאמה.
תרגיל -2ב
התלמידים החליטו להוסיף תיבת טקסט "כמות כרטיסי הגרלה" ,ולכן הוסיפו את
ההוראה הבאה:
> :<input type="text" id="com" value="" size=20כמות כרטיסי הגרלה
על כל כפולה של ₪ 51הלקוח יקבל כרטיס הגרלה .יש לחשב את כמות כרטיסי ההגרלה
ולשתול את הטקסט בהתאמה
במידה וללקוח לא מגיע כרטיסי הגרלה כלל יושתל הטקסט "תודה שקנית במכולת-
אינטרנט"
איריס צור ברגורי ופרלמן רחל
עמוד 16
ביצוע חוזר מוגבל מראש
תרגיל 53
העתיקו לקובץ וענו על השאלות
א.
ב.
ג.
ד.
ה.
מה הודפס? _________
כמה פעמים הודפס?___
הסבירו את ההוראה for
_________________
חלק ___________- 1
חלק ___________- 2
חלק 3קידום מונה הלולאה
מה תפקידו של המשתנה ?i
__________________
><head
></head
>"<body dir="rtl
><script
)for (i = 1; i <= 7; i++
;)";document.write("Hello JavaScript  
></script
></body
תרגיל 56
העתיקו לקובץ ומלאו את הטבלה
I
פלט
><head
></head
>"<body dir="rtl
><script
;var x = 5, y = 4
1
1
2
3
6
)for (i = 0; i < x + y; i++
5
4
;)";document.write(i * 5 + " 
7
></script
8
></body
9
11
מחקו שורות מיותרות
א .הסבירו את משמעות הסימן _______________________________________  
ב .כמה פעמים יודפס _____________? i*5מדוע? _____________________________
תרגיל 55
א .כתבו תוכנית המדפיס את המספרים בין 211ל . 611 -יש להשתמש בלולאה
ב .כתבו תוכנית המדפיס את המספרים האי-זוגיים בין 1ל . 111 -יש להשתמש בלולאה
תרגיל 54
כתבו תוכנית החוזר 31פעמים עבור כל תלמידי הכיתה
יש לקלוט כמה כסף תרם התלמיד עבור שיפוץ הכיתה למשתנה money
אם הסכום מעל - ₪ 51יודפס " יישר כח" וכן מספרו הסידורי של התלמיד.
תרגיל 57
כתבו תוכנית הקולט טמפרטורת מזג אוויר עבור כל יום במשך חודש.
יש להדפיס הודעות מתאימות לפי מזג האוויר.
יש להדפיס גם את מספרו הסידורי של היום.
עד " - 11קר מאוד"
11עד " – 17קר"
18עד " – 22מעונן חלקית"
22עד " – 31חם"
31עד " - 61שרב"
איריס צור ברגורי ופרלמן רחל
עמוד 17
ביצוע חוזר מותנה
תרגיל 58
העתיקו לקובץ ומלאו את הטבלה
פלט
X
5
4
7
8
9
11
11
12
מחקו שורות מיותרות
><head
></head
>"<body dir="rtl
><script
;var x = 5
{ )while (x < 10
;)";document.write(x + " 
;x++
}
></script
></body
תרגיל 59
כתבו תוכנית החוזר עד לקבלת מספר שלילי
יש לקלוט כמה כסף שילם התלמיד עבור דמי שכלול למשתנה school
א.
אם הסכום הינו - ₪ 251יודפס "שילם דמי שכלול"
אחרת יודפס – "עלייך לשלם חובותייך!!!"
ב.
יש להדפיס גם את מספרו הסידורי של התלמיד
תרגיל 41
כתבו תוכנית הקולט ממוצע ציונים עבור תלמידי כיתה ח'.
התוכנית יסתיים כשיתקבל 999כממוצע ציונים
א.
אם ממוצע התלמיד מעל – 85הדפס "תלמיד מצטיין",
45-85יודפס "לומד יפה" ,אחרת יודפס "שפר השיגך"
ב.
יש להדפיס גם את מספרו הסידורי של התלמיד
תרגיל 41
כתבו תוכנית שקולט ציונים עד לקליטת מספר גדול מ 111-או קטן מ.1-
א .תוכנית ימנה כמה ציונים נכשלים נקלטו.
ב .תוכנית ידפיס את ממוצע הציונים
תרגיל 42
כתבו תוכנית שקולט גבהים של תלמידים עד לקליטת גובה שלילי.
א .התוכנית ימנה כמה תלמידים גובהם פחות מ.1.45-יש להדפיס הודעה מתאימה
ב .התוכנית יחשב וידפיס את הגובה הממוצע.
איריס צור ברגורי ופרלמן רחל
עמוד 18
לולאות מקוננות -משימת מעבדה 2.2
במשימה זו נבנה את הדף בעזרת תסריטי JavaScriptבלבד .בסופה של המשימה יציג הדף את לוח
הכפל .בסעיפים הבאים תתבקשו לכתבו פונקציות הדפסה שונות ב JavaScript -ולזמן אותן .לדוגמה,
לפניכם קוד דף HTMLהמכיל פונקציית JavaScriptלכתיבת כותרת .הדף אינו מכיל הוראות ב-
HTMLפרט לזימון הפונקציה.
><html
><head
><title></title
>"<script type="text/javascript
{ )(function Header
;)"></h1משימה document.write("<h1>2.2
}
></script
></head
><body
>"<script type="text/javascript
;)(Header
></script
></body
></html
פתחו אתר ובו דף .HTMLהעתיקו אליו את הקוד שלמעלה .בסעיפים הבאים הוסיפו לדף
פונקציות כנדרש וכן את זימון הפונקציות בתוך ה.body -
.1כתבו פונקציה ב JavaScript -המדפיסה כותרת מרמה 1מיושרת לימין ( )direction : rtlבצבע
אדום ( )color : Redשתוכנה "לוח הכפל – נוצר על-ידי תסריט .JavaScript
[רמז – 1הוסיפו לתגית h1את המאפיין styleוהתכונות שלו ]
[רמז – 2ב JavaScript-ניתן להשתמש ב 2-מצייני מחרוזת :מרכאות (") וגרש (') ]
.2כתבו פונקציה ב JavaScript-אשר תדפיס את כל המספרים בין 1ל 11-בשורה .בסיום תרד
שורה .יש להשתמש בלולאה.
[רמז – איך יורדים שורה ב] ?html -
.3
שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס רווח (; ) בין כל שני מספרים.
.6שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס את המספרים הזוגיים בצבע אדום ואת
האי-זוגיים בכחול.
[רמז – התגית > <div></divמאפשרת לקבוע styleואין לה תצוגה מיוחדת בדפדפן פרט לירידת
שורה לפניה ואחריה .התגית > <span></spanמאפשרת לקבוע styleלטקסט בתוך שורה
(ללא ירידת שורה) ]
.5כתבו פונקציה ב JavaScript-אשר תדפיס את לוח הכפל .השתמשו בלולאה מקוננת והקפידו על
רווח בין כל 2מספרים וירידת שורה בסיום כל עשרת.
.4שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס את כל המספרים הזוגיים בצבע כחול.
.7שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס בנוסף ללוח הכפל גם את הכופלים,
כלומר בשורה הראשונה יודפסו המספרים 1..10וכל שורה תתחיל במספר השורה .התו הראשון
שיודפס יהיה הסימן * .תווי המסגרת (הכופלים) יהיו מודגשים.
איריס צור ברגורי ופרלמן רחל
עמוד 19
[רמז – השתמשו ב <span style='font-weight:bold'> -כדי להדגיש טקסט נדרש]
להלן התוצאה הנדרשת :
.8שנו את הפונקציה שכתבתם בסעיף הקודם כך שלוח הכפל יודפס בצורה מסודרת כמודגם
למטה .היעזרו בטבלה.
.9שנו את הפונקציה שכתבתם בסעיף הקודם כך שתציג את גבולות התאים.
איריס צור ברגורי ופרלמן רחל
עמוד 21
איריס צור ברגורי ופרלמן רחל
עמוד 21
© Copyright 2024