פלט הוראת הדפסה/

‫הוראת הדפסה‪/‬פלט‬
‫תרגיל ‪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 &nbsp‬‬
‫>‪</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 + "&nbsp‬‬
‫‪7‬‬
‫>‪</script‬‬
‫‪8‬‬
‫>‪</body‬‬
‫‪9‬‬
‫‪11‬‬
‫מחקו שורות מיותרות‬
‫א‪ .‬הסבירו את משמעות הסימן ‪_______________________________________ &nbsp‬‬
‫ב‪ .‬כמה פעמים יודפס ‪_____________? 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 + "&nbsp‬‬
‫;‪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‬‬
‫שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס רווח (;‪ )&nbsp‬בין כל שני מספרים‪.‬‬
‫‪ .6‬שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס את המספרים הזוגיים בצבע אדום ואת‬
‫האי‪-‬זוגיים בכחול‪.‬‬
‫[רמז – התגית >‪ <div></div‬מאפשרת לקבוע ‪ style‬ואין לה תצוגה מיוחדת בדפדפן פרט לירידת‬
‫שורה לפניה ואחריה‪ .‬התגית >‪ <span></span‬מאפשרת לקבוע ‪ style‬לטקסט בתוך שורה‬
‫(ללא ירידת שורה) ]‬
‫‪ .5‬כתבו פונקציה ב‪ JavaScript-‬אשר תדפיס את לוח הכפל‪ .‬השתמשו בלולאה מקוננת והקפידו על‬
‫רווח בין כל ‪ 2‬מספרים וירידת שורה בסיום כל עשרת‪.‬‬
‫‪ .4‬שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס את כל המספרים הזוגיים בצבע כחול‪.‬‬
‫‪ .7‬שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס בנוסף ללוח הכפל גם את הכופלים‪,‬‬
‫כלומר בשורה הראשונה יודפסו המספרים ‪ 1..10‬וכל שורה תתחיל במספר השורה‪ .‬התו הראשון‬
‫שיודפס יהיה הסימן *‪ .‬תווי המסגרת (הכופלים) יהיו מודגשים‪.‬‬
‫איריס צור ברגורי ופרלמן רחל‬
‫עמוד ‪19‬‬
‫[רמז – השתמשו ב‪ <span style='font-weight:bold'> -‬כדי להדגיש טקסט נדרש]‬
‫להלן התוצאה הנדרשת ‪:‬‬
‫‪ .8‬שנו את הפונקציה שכתבתם בסעיף הקודם כך שלוח הכפל יודפס בצורה מסודרת כמודגם‬
‫למטה‪ .‬היעזרו בטבלה‪.‬‬
‫‪ .9‬שנו את הפונקציה שכתבתם בסעיף הקודם כך שתציג את גבולות התאים‪.‬‬
‫איריס צור ברגורי ופרלמן רחל‬
‫עמוד ‪21‬‬
‫איריס צור ברגורי ופרלמן רחל‬
‫עמוד ‪21‬‬