הוראת הדפסה/פלט כשנריץ קובץ זה נקבל ( 6/5/4 מחקו את המיותר( שורות "הדפסה" לדף ה- HTML בשורה 3 יודפס בשורה 6 יודפס

Size: px

Start display at page:

Download "הוראת הדפסה/פלט כשנריץ קובץ זה נקבל ( 6/5/4 מחקו את המיותר( שורות "הדפסה" לדף ה- HTML בשורה 3 יודפס בשורה 6 יודפס"

Elijah Armstrong
6 years ago
Views:

1 <body> alert("hello World"); alert("2+4"); alert(2+4); הוראת הדפסה/פלט תרגיל 1 העתיקו לקובץ וענו על השאלות הבאות השלם: כשנריץ קובץ זה נקבל 3 הודעות מוקפצות. הודעה 1 הודעה 2 הודעה 3.1 כשכותבים ביטוי חשבוני עם גרשיים מקבלים 2. כשכותבים ביטוי חשבוני ללא גרשיים מקבלים 3. מה תדפיס ההוראה alert("2+4="+(2+4)); 4. הסבירו מדוע בהוראה זו מופיע הסימן + פעמיים. כתבו את הביטוי 12=4*3 בהוראת alert אחת בלבד. 5. הוסף את ההוראה JavaScript"); alert("hello \n.6 הסבירו את הסימן n\ תרגיל 2 כתבו תוכנית המדפיסה את שמכם, כתבות, תחביבים בשורות נפרדות בהוראת alert אחת בלבד, תרגיל 3 העתיקו לקובץ וענו על השאלות הבאות <body> 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"); כשנריץ קובץ זה נקבל ( 6/5/4 מחקו את המיותר( שורות "הדפסה" לדף ה- HTML בשורה 1 יודפס בשורה 2 יודפס בשורה 3 יודפס בשורה 6 יודפס בשורה 5 יודפס בשורה 4 יודפס בשורה 7 יודפס )מחקו שורות מיותרות( הסבירו את הסימן +"<br/>" בהוראה "<br/>"); document.write("2*4=" + (2 * 4) + כתבו את הביטוי 3=21/7 בהוראת document.write אחת בלבד תרגיל 6 כתבו תוכנית המדפיסה את ימות השבוע בשורות נפרדות בהוראת document.write אחת בלבד. עמוד 1

2 תרגיל 5 העתיקו לקובץ וענו על השאלות הבאות משתנים - הצבה <body> 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/>"); כשנריץ תוכנית זו הפלט יהיה כמה משתנים בתוכנית זו? רשמו את שמותיהם הוסיפו הוראה להדפסת ערך המשתנה 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

3 משתנים - קליטה <body> 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/>"); תרגיל 9 העתיקו לקובץ ומלאו את הטבלה פלט A הסבירו את ההוראה window.prompt תרגיל לקובץ ומלאו את הטבלה 11 העתיקו <meta http-equiv="content-type" content="text/html;charset=iso i"> <body> ;("הכנס ציון במתמטיקה") window.prompt mark1 = ;("הכנס ציון במדעי המחשב") window.prompt mark2 = ;("הכנס ציון בפיסיקה") window.prompt mark3 = avg = (parseint(mark1) + parseint(mark2) + parseint(mark3)) / 3; הממוצע הוא") document.write "+avg + "<br/>"); הדפסה avg mark mark mark הסבירו את ההוראה parseint(num) מדוע השתמשנו בהוראה זו 3 פעמים?.1.2 תרגיל 11 מחיר צילום דף 31 אגורות. כתבו תוכנית הקולטת כמה דפים צילמה אביגיל. ומחשבת את התשלום הסופי. לפניכם תוכנית. השלימו את החסר. <meta http-equiv="content-type" content="text/html;charset=iso i"> var price = 30; ;("כמה דפים צילמה אביגיל ") = pages var var total = parseint ( ) * parseint ( ); document.write(" מחיר סופי לתשלום <br/>" + + "<br/>" + ;("</ br >אגורות" עמוד 3

4 סיכום שאלה וקליטה למשתנה הצבה במשתנה הקפצת הודעה הדפסה המרת טקסט למספר שלם 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

5 תרגיל 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); document.write(t && y > z && x > y); פלט גיל התלמיד ) age (בין 7 ל- 17 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

6 הוראת תנאי תרגיל 23 העתיקו לקובץ ומלאו את הטבלה <meta http-equiv="content-type" content="text/html;charset=iso i"> ;("שלך הגובה מה") window.prompt heigh = if (heigh > 1.6) ;(" כדורסל לנבחרת התקבלת document.write(" ;("כדורגל לנבחרת התקבלת document.write(" else פלט heigh מה לדעתך עושה הפעולה if();? מה משמעות ה-?else תרגיל 26 העתיקו לקובץ ומלאו את הטבלה <meta http-equiv="content-type" content="text/html;charset=iso i"> ;("הכנס ציון במתמטיקה") window.prompt math = ;("הכנס ציון במחשבים") window.prompt computer = ;("הכנס ציון באנגלית") window.prompt english = if ((math>85)&& (computer>85)&& (english>85) ) ;(" התקבלת לעתודה מדעית טכנולוגית document.write(" else if ((math<56) (computer<56) (english<56) ) ;(" הינך משובץ בכיתה רגילה document.write(" else ;(" התקבלת לכיתת מופת document.write(" פלט english computer math מה פירוש הסימן &&?הסימן? עמוד 6

7 תרגיל 25 <meta http-equiv="content-type" content="text/html;charset=iso i"> ;(("מספר הכנס") parseint(window.prompt x = ;(("מספר הכנס") parseint(window.prompt y = ;("חשבון פעולות / 4 * - + סימן הכנס") window.prompt var op = 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)); </html> פלט op y x / + * תרגיל 24 א. כתבו תוכנית הקולטת מספר ממשי. אם הוא גדול מ 31 יודפס חם מאוד אחרת יודפס מזג האוויר יישאר ללא שינוי ב. כתבו תוכנית שקולטת מספר אם הוא חיובי יודפס אתה ביתרה אחרת יודפס אתה במינוס ג. כתבו תוכנית הקולטת את האות הראשונה של הרחוב שלך ואת האות הראשונה של ביה"ס בו אתה לומד. התוכנית תדפיס אם האותיות זהות. עמוד 7

8 ד. ה. ו. ז. ח. ט. תרגיל 27 כתבו תוכנית שקולטת סימן מ- 2 משתמשים עבור המשחק איקס עיגול. במידה ושני המשתתפים בחרו את אותו סימן תודפס הודעה מתאימה. כתבו תוכנית הקולטת גיל אדם. במידה וגילו מעל 31 ומתחת לגיל 51 יודפס "התקבלת לעבודה" אחרת יודפס "כרגע אין עבודה מתאימה עבורך". כתבו תוכנית הקולטת את מחיר העגבניות. אם המחיר מעל מוגזם" אחרת יודפס "אשמח לקנות". 5 יודפס " המחיר כתבו תוכנית הקולטת את המהירות המרבית לנסיעה בכביש הערבה ואת מהירות הנהג. אם הנהג נוסע בגבולות המותר תודפס הודעה מתאימה אחרת תודפס הודעה "עברת את המהירות המותרת". כתבו תוכנית הקולטת את חום גופו של אדם. אם המספר מעל 38 יודפס "גש לרופא" אחרת יודפס "הינך בריא". כתבו תוכנית הקולטת תו ובודקת אם הוא באותיות a z במידה וכן יודפס שזו אחת מאותיות ה- abc אחרת תודפס הודעה מתאימה. אהוד ודוד עורכים בדיקת מחירים עבור מנוי לחדר כושר. כתבו תסריט הקולט מחיר מנוי לחדר כושר עבור חודש. במידה והמחיר פחות מ יודפס "מחיר מצוין" במידה והמחיר בין 151 ל- 251 במידה והמחיר מעל יודפס "מחיר סביר" - יודפס "יקר אך איכותי" בכל מקרה יודפס "תודה שהשתמשתם בתוכנית הבדיקה של אהוד ודוד" תרגיל 28 יוסי וליאת עורכים בדיקה כמה חניכים הגיעו לפעולת אמצע שבוע בתנועת הנוער. כתבו תסריט הקולט את מס' החניכים עבור פעולת אמצע שבוע במידה והגיעו יותר מ- 31 חניכים - יודפס "אתם מדריכים מעולים" במידה והגיעו בין 21 במידה והגיעו בין 11 ל- 31 חניכים יודפס "מס' החניכים הכי גדול בסניף" ל- 21 חניכים יודפס "מס' סביר של חניכים" במידה והגיעו פחות מ- 11 חניכים יודפס "יש לגייס דחוף חניכים לשבט" בכל מקרה ללא קשר למס' החניכים יודפס בסוף " תנועת נוער - למימוש החזון של יצירת חברה לומדת ועושה" שאלה 29: דני וליטל לומדים צבעים. כתבו תסריט שיעזור להם. קלוט צבע למשתנה color אם הצבוע הוא yellow יודפס צהוב אם הצבוע הוא red יודפס אדום אם הצבוע הוא blue יודפס כחול אחרת יודפס עדיין לא למדנו צבע זה בכל מקרה )ללא קשר לצבע שנקלט( יודפס " צבעים מזינים את נפש האדם ומעניקים לו תמיד שמחה ותקווה " עמוד 8

9 תרגיל 31 העתיקו לקובץ פונקציות שלב 1 פונקציות ללא משתנים וענו על השאלות )קובץ )func1.html- <meta http-equiv="content-type" content="text/html;charset=iso i"> function Ballgame() { document.write(" כדורסל טניס פינג-פונג br >"+"כדורגל ;("</ function MusicalInstrument() { document.write(" אורגן גיטרה תוף br >"+"חליל ;("</ </ br >בדף זה מופעלות פונקציות <script > Ballgame(); musicalinstrument(); א. ב. ג. ד. ה. ו. כשנריץ את התוכנית יודפס הסבירו מה מבצעת הפונקציה Ballgame() הסבירו מה מבצעת הפונקציה() MusicalInstrument הוסיפו לתוכנית פונקציה בשם hobbies(), הפונקציה תדפיס 4 תחביבים. הוסיפו לתוכנית פונקציה בשם Animals(), הפונקציה תדפיס 4 שמות של חיות. הוסיפו לתוכנית פונקציה בשם,Famous() הפונקציה תדפיס 4 שמות של מפורסמים. תרגיל 31 כתבו תוכנית חדשה המכילה 2 פונקציות: כתבו פונקציה המדפיסה את כל אותיות הא"ב א. כתבו פונקציה המדפיסה את כל ה- ABC ב. תרגיל 32 כתבו תוכנית חדשה המכילה 2 פונקציות: כתבו פונקציה המדפיסה לפחות 4 סוגים של מכוניות א. לפחות 4 סוגים של מטוסים כתבו פונקציה המדפיסה ב. עמוד 9

10 תרגיל 33 Onclick שלב 1 שימוש ב- onclick לכתיבת טקסט בדף web נוכחי <!DOCTYPE html> <html> <meta http-equiv="content-type" content="text/html;charset=iso i"> function Israel() { היא מדינה במזרח התיכון, השוכנת לחוף הים התיכון, שהכריזה על עצמאותה text=" var ;"בשנת ישראל היא דמוקרטיה פרלמנטרית המוגדרת כמדינה יהודית ודמוקרטית ;"מדינת ישראל document.getelementbyid("place1").innerhtml=" document.getelementbyid("place2").innerhtml=text; על הכפתור< p > < p />לחץ <button מידע על ישראל לחץ כאן<"() onclick="israel < button />לקבלת <p id="place1"></p> <p id="place2"></p> </html> תרגיל 43 היעזר בתכנות זה וצור עוד 2 כפתורים עם מידע על 2 מדינות לפי בחירתך. תרגיל 43 היעזר בתכנות זה וצור 6 כפתורים בסיס 2 בסיס 8 בסיס 11 בסיס 14 לחיצה על כל כפתור תציג סדרה של מספרים בבסיס רלוונטי. תרגיל 43 OSI -מודול 7 שכבות היעזר בתכנות זה וצור 7 כפתורים בלחיצה על כפתור נקבל מידע על כל שכבה )היעזרו בוויקיפדיה( עמוד 11

11 תרגיל 37 העתיקו לקובץ פונקציות שלב 2 פונקציות עם משתנים גלובליים וענו על השאלות )קובץ )func2.html- <meta http-equiv="content-type" content="text/html;charset=iso i"> function sum() { document.writeln("num1+num2="+(num1+num2)+"<br/>"); function sub() { document.writeln("num1-num2="+(num1-num2)+"<br/>"); </ br >בדף זה מופעלות פונקציות <script > ;(("הכנס מספר parseint(window.prompt(" var num1 = ;(("הכנס מספר parseint(window.prompt(" var num2 = sum(); sub(); א. ב. ג. ד. ה. ו. כשנריץ את התוכנית יודפס הסבירו מה מבצעת הפונקציה() sum הסבירו מה מבצעת הפונקציה sub() הוסיפו לתוכנית פונקציה בשם mult(), הפונקציה תדפיס את כפל המספרים. הוסיפו לתוכנית פונקציה בשם () division, הפונקציה תדפיס את חילוק המספרים. הוסיפו לתוכנית פונקציה בשם,avg() הפונקציה תדפיס את ממוצע המספרים. תרגיל 38 א. כתבו תוכנית הקולטת צלע משולש וגובה ב. כתבו פעולה המחשבת היקף משולש ג. כתבו פעולה המחשבת שטח משולש ד. קראו לפעולות ב- body ה. עיצבו את הדף - הוסיפו תמונות של משולשים, שנו רקע עמוד 11

12 פונקציות שלב 2 פונקציות עם משתנים גלובליים false תרגיל 39 א. כתבו תוכנית הקולטת 2 תווים. ב. כתבו פעולה הבודקת אם התווים שווים אחרת. ומדפיסה true אם הם שווים תרגיל 61 כתבו תוכנית הקולטת 2 מספרים. א. כתבו פעולה המדפיסה את המספר הגדול ביותר מבניהם. ב. false אחרת תרגיל 61 כתבו תוכנית הקולטת 2 מספרים. א. כתבו פעולה המדפיסה true אם הם זוגיים ב. תרגיל 62 כתבו תוכנית הקולטת מספר דו ספרתי. א. כתבו פעולה המדפיסה את סכום ספרותיו. ב. T יודפס תרגיל 63 א. כתבו תוכנית הקולטת תו. ב. כתבו פעולה הבודקת אם התקבל התו H יודפס "HONDA" אם התקבל "TOYOTA" עבור כל תו אחר יודפס "אין רכב כזה במלאי". PINK -6 BLUE -3 RED תרגיל 66 א. כתבו תוכנית הקולטת מספר שלם המייצג צבע. ב. כתבו פעולה שתדפיס את שם הצבע בהתאם: 2- עבור כל מספר אחר יודפס "אין במלאי". עמוד 12

13 onclick שלב 2 שימוש ב- onclick לכתיבת טקסט בטופס <!DOCTYPE html> <html> <meta http-equiv="content-type" content="text/html;charset=iso i"> function calculator() { var number1 = parseint(document.getelementbyid("no_1").value); var number2 = parseint(document.getelementbyid("no_2").value); var sum=number1+number2; תרגיל 65 document.frm.result.value = sum; <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/> "חשב"= value <input type="button" id="calc" onclick="calculator()"><br/> The result is : <input type="text" value="" id="result" size="4"> </form> </html> תרגיל 33 היעזר בתכנות זה וצור מחשבון עם 6 פעולות חשבון תרגיל 34 היעזר בתכנות זה וצור מחשבון שטח והיקף לריבוע, מלבן, מעגל תרגיל 34 היעזר בתכנות זה וצור מחשבון סדרה הנדסית עמוד 13

14 onclick שלב 4 שימוש ב- onclick לכפתורי ברירה - רדיו תרגיל 34 שימוש בכפתורי רדיו להכנת טריוויה <!DOCTYPE html> <html> <meta http-equiv="content-type" content="text/html;charset=iso i"> function conversion(number) { if (number=="100111") { ;"תשובה נכונה " = document.frm.result.value else{ ;"נסה שוב "= document.frm.result.value ערכו של המספר 34 בבסיס בינארי< p > < 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> value=""> <input type="text" id="result" :בדוק את תשובתך </form> </html> תרגיל 35 העזר בתכנות זה ובנה טריוויה עם 5 שאלות לפחות 1 (המרה מבינארי לדצימלי 2 (המרה מאוקטלי לדצימלי 3 (המרה מאוקטלי לבינארי 6 (המרה מהקסדצימלי לדצימלי 5 (המרה מהקסדצימלי לבינארי עמוד 14

15 א- תרגילים לסיכום הפרק הכנת דפי web עם טופס ושימוש ב- onclick תרגיל 51 תלמידים מעוניינים להכין דף אינטרנט לחישוב מחיר כניסה לגן חיות לפי הפירוט הבא: מבוגר 51,ילד - 111, סטודנט 25. i(3 תיבות טקסט להכנסת מידע כמות מבוגרים, כמות ילדים,כמות סטודנטים ii (כפתור שכתוב עליו "חשב מחיר לתשלום" וכאשר לוחצים עליו, תופעל פונקציה המחשבת ושותלת את המחיר לתשלום בתיבת טקסט בהתאמה. לפניכם התוכנית, השלימו את ההוראות החסרות. <!DOCTYPE html> <html> 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= ; <body dir="rtl" > <h1> מחיר כניסה ללונה פארק <h1/> <form name="frm"> size=4> <input type="text" id="people" value="" מבוגר size=4> <input type="text" id="kid" value="" ילד עמוד 15

16 ב- size=4></br> <input type="text" id="student" value="" סטודנט <input type="button" id="calc" value=" מחיר לתשלום "חשב onclick=" "></br> size=20></br> :<input type="text" id="result" value="" המחיר לתשלום </form></html> תרגיל - ב התלמידים החליטו להוסיף תיבת טקסט "הערה", ולכן הוסיפו את ההוראה הבאה: size=20> :<input type="text" id="com" value="" הערה במידה והלקוח ישלם מעל 311 יושתל שם הטקסט " מגיע לך כרטיס חינם" אחרת יושתל הטקסט "תודה שהגעתם לגן חיות " לפניכם הפונקציה, השלימו את ההוראות החסרות. function calculate() {.. var remark; if ( ) remark = " "; else remark=" " document.getelementbyid(" ").value= ; א- תרגיל 52 תלמידים מעוניינים להכין דף אינטרנט לחישוב מחירים עבור מכולת-אינטרנט לפי הפירוט הבא: חלב 4,קורנפלקס - 15, מעדן 6. נקניקיות 31,קטשופ - 12, וופלות 11. i(4 תיבות טקסט להכנסת מידע כמות חלב, קורנפלקס, מעדן, נקניקיות, קטשופ, וופלות ii (כפתור שכתוב עליו "חשב מחיר לתשלום" וכאשר לוחצים עליו, תופעל פונקציה המחשבת ושותלת את המחיר לתשלום בתיבת טקסט בהתאמה. תרגיל 2 התלמידים החליטו להוסיף תיבת טקסט "כמות כרטיסי הגרלה", ולכן הוסיפו את ההוראה הבאה: size=20> :<input type="text" id="com" value="" כמות כרטיסי הגרלה על כל כפולה של 51 הלקוח יקבל כרטיס הגרלה. יש לחשב את כמות כרטיסי ההגרלה ולשתול את הטקסט בהתאמה במידה וללקוח לא מגיע כרטיסי הגרלה כלל יושתל הטקסט "תודה שקנית במכולת- אינטרנט " עמוד 16

17 תרגיל 3 לקובץ 5 העתיקו א. ב. ג. ד. ה. וענו על השאלות מה הודפס? כמה פעמים הודפס? הסבירו את ההוראה for חלק - 1 חלק - 2 חלק 3 קידום מונה הלולאה מה תפקידו של המשתנה? i ביצוע חוזר מוגבל מראש for (i = 1; i <= 7; i++) document.write("hello JavaScript "); תרגיל 56 העתיקו לקובץ ומלאו את הטבלה ב. פלט I var x = 5, y = 4; 3 6 for (i = 0; i < x + y; i++) 5 document.write(i * 5 + " "); מחקו שורות מיותרות א. הסבירו את משמעות הסימן &nbsp כמה פעמים יודפס 5*i? מדוע? תרגיל 55 א. כתבו תוכנית המדפיס את המספרים בין 211 ל יש להשתמש בלולאה ב. כתבו תוכנית המדפיס את המספרים האי-זוגיים בין 1 ל יש להשתמש בלולאה תרגיל 54 כתבו תוכנית החוזר 31 פעמים עבור כל תלמידי הכיתה יש לקלוט כמה כסף תרם התלמיד עבור שיפוץ הכיתה למשתנה money אם הסכום מעל - 51 יודפס " יישר כח" וכן מספרו הסידורי של התלמיד. תרגיל 57 כתבו תוכנית הקולט טמפרטורת מזג אוויר עבור כל יום במשך חודש. יש להדפיס הודעות מתאימות לפי מזג האוויר. יש להדפיס גם את מספרו הסידורי של היום. עד - 11 "קר מאוד" 11 עד 17 "קר" 18 עד 22 "מעונן חלקית" 22 עד 31 "חם" 31 עד - 61 "שרב" עמוד 17

18 var x = 5; while (x < 10) { document.write(x + " "); x++; ביצוע חוזר מותנה תרגיל 58 העתיקו לקובץ ומלאו את הטבלה X פלט מחקו שורות מיותרות תרגיל 59 school כתבו תוכנית החוזר עד לקבלת מספר שלילי א. ב. יש לקלוט כמה כסף שילם התלמיד עבור דמי שכלול למשתנה אם הסכום הינו יודפס "שילם דמי שכלול" אחרת יודפס "עלייך לשלם חובותייך!!!" יש להדפיס גם את מספרו הסידורי של התלמיד תרגיל א. ב. 41 כתבו תוכנית הקולט ממוצע ציונים עבור תלמידי כיתה ח'. התוכנית יסתיים כשיתקבל 999 כממוצע ציונים אם ממוצע התלמיד מעל 85 הדפס "תלמיד מצטיין", יודפס "לומד יפה", אחרת יודפס "שפר השיגך" יש להדפיס גם את מספרו הסידורי של התלמיד תרגיל 41 כתבו תוכנית שקולט ציונים עד לקליטת מספר גדול מ- 111 או קטן מ- 1. תוכנית ימנה כמה ציונים נכשלים נקלטו. א. תוכנית ידפיס את ממוצע הציונים ב. תרגיל 42 כתבו תוכנית שקולט גבהים של תלמידים עד לקליטת גובה שלילי. התוכנית ימנה כמה תלמידים גובהם פחות מ יש להדפיס הודעה מתאימה א. התוכנית יחשב וידפיס את הגובה הממוצע. ב. עמוד 18

19 לולאות מקוננות - משימת מעבדה 2.2 במשימה זו נבנה את הדף בעזרת תסריטי JavaScript בלבד. בסופה של המשימה יציג הדף את לוח הכפל. בסעיפים הבאים תתבקשו לכתבו פונקציות הדפסה שונות ב- JavaScript ולזמן אותן. לדוגמה, לפניכם קוד דף HTML HTML פרט לזימון הפונקציה. פתחו אתר ובו דף המכיל פונקציית JavaScript לכתיבת כותרת. הדף אינו מכיל הוראות ב- <html> <title></title> <script type="text/javascript"> function Header() { document.write("<h1> 2.2 ;("< h1 />משימה <body> <script type="text/javascript"> Header(); </html>.html.1 העתיקו פונקציות כנדרש וכן את זימון הפונקציות בתוך ה-.body אליו את הקוד שלמעלה. בסעיפים הבאים הוסיפו לדף כתבו פונקציה ב- JavaScript המדפיסה כותרת מרמה 1 מיושרת לימין rtl( )direction : בצבע אדום Red( )color : שתוכנה "לוח הכפל נוצר על-ידי תסריט.JavaScript ]רמז 1 הוסיפו לתגית h1 את המאפיין style והתכונות שלו ] ]רמז ב JavaScript- ניתן להשתמש ב- 2 מצייני מחרוזת: מרכאות )"( וגרש )'( ] כתבו פונקציה ב- JavaScript אשר תדפיס את כל המספרים בין 1 ל- 11 בשורה. בסיום תרד שורה. יש להשתמש בלולאה. ]רמז איך יורדים שורה ב-?html ] שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס רווח ) ( בין כל שני מספרים. שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס את המספרים הזוגיים בצבע אדום ואת האי-זוגיים בכחול. ]רמז התגית <div></div> מאפשרת לקבוע style ואין לה תצוגה מיוחדת בדפדפן פרט לירידת שורה לפניה ואחריה. התגית <span></span> )ללא ירידת שורה( ] מאפשרת לקבוע style לטקסט בתוך שורה כתבו פונקציה ב- JavaScript אשר תדפיס את לוח הכפל. השתמשו בלולאה מקוננת והקפידו על רווח בין כל 2 מספרים וירידת שורה בסיום כל עשרת. שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס את כל המספרים הזוגיים בצבע כחול. שנו את הפונקציה שכתבתם בסעיף הקודם כך שתדפיס בנוסף ללוח הכפל גם את הכופלים, כלומר בשורה הראשונה יודפסו המספרים וכל שורה תתחיל במספר השורה. התו הראשון שיודפס יהיה הסימן *. תווי המסגרת )הכופלים( יהיו מודגשים. עמוד 19

למטה. היעזרו בטבלה. כך שלוח הכפל יודפס בצורה מסודרת כמודגם.8 9.

20 ]רמז השתמשו ב- style='font-weight:bold'> <span כדי להדגיש טקסט נדרש[ להלן התוצאה הנדרשת : שנו את הפונקציה שכתבתם בסעיף הקודם למטה. היעזרו בטבלה. כך שלוח הכפל יודפס בצורה מסודרת כמודגם.8 9. שנו את הפונקציה שכתבתם בסעיף הקודם כך שתציג את גבולות התאים. עמוד 21

21 עמוד 21

הוראת הדפסה/פלט כשנריץ קובץ זה נקבל ( 6/5/4 מחקו את המיותר( שורות "הדפסה" לדף ה- HTML בשורה 3 יודפס בשורה 6 יודפס

הוראת הדפסה/פלט כשנריץ קובץ זה נקבל ( 6/5/4 מחקו את המיותר( שורות הדפסה לדף ה- HTML בשורה 3 יודפס בשורה 6 יודפס alert("hello World"); alert("2+4"); alert(2+4); הוראת הדפסה/פלט תרגיל 1 העתיקו לקובץ וענו על השאלות הבאות השלם: כשנריץ קובץ זה נקבל 3 הודעות מוקפצות. הודעה 1 הודעה 2 הודעה 3.1 כשכותבים ביטוי חשבוני