Javascript in Hebrew

‫תכנות בסביבת אינטרנט‬
‫‪ - JavaSscript‬שיעור מספר ‪1‬‬
‫עמוד ‪1‬‬ ‫מרי גבע – ‪js lesson1‬‬

‫‪ Javascript‬כשפה‬
‫‪ JavaScript ‬הינה שפת תכנות בסביבת האינטרנט שפותחה בשנת ‪ .1995‬היא שפה שנועדה לשימוש בתוך ה‪html -‬‬
‫ומאפשרת לבנות "דפים חכמים באינטרנט'' – היא מאפשרת ליצור ממשק פעיל ‪ ,‬אשר מעניק למשתמשים משוב‬
‫בעודם מנווטים בין עמודים המשתמש אינו רק קורא את הדף‪ ,‬אלא גם מבצע אינטראקציות כגון‪ :‬פעולות‬
‫מתמטיות‪ ,‬הצגת חלונות‪ ,‬שאילתות ועוד‪ .‬בנוסף ניתן להיעזר ב ‪ JavaScript‬על מנת לוודא שהמשתמשים הזינו את‬
‫המידע הרצוי בעת השימוש בטפסים‪.‬‬
‫‪ ‬התוכנית אינה עוברת הידור‪,‬ולא נוצר קובץ הפעלה‪.‬כל שורה מפוענחת ע"י הדפדפן כאשר הוא מגיע אליה‪.‬‬
‫‪ JavaScript ‬היא שפה מבוססת אובייקטים‪.‬אובייקט הוא תפיסה בה נוהגים לתאר את הסובב אותנו‪ ,‬כולל תכונות‬
‫האובייקט‪.‬‬
‫‪ JavaScript‬היא שפת תכנות מונחית עצמים ( ‪:)Object Oriented Programming‬‬

‫עצמים (‪ -)Objects‬עצם הוא בר כלשהו‪ .‬חתול‪ ,‬מחשב ואופניים הם דוגמאות של עצמים הקיימים בעולם הפיזי‪ .‬שפת‬
‫‪ JavaScript‬מטפלת בעצמים הקשורים בדפדפנים כגון‪ :‬חלונות‪ ,‬טפסים‪ ,‬וחלקי טפסים‪ -‬לחצנים‪ ,‬ותיבות הסימון‪.‬‬
‫מאפיינים‪ -‬לעצמים יש מאפיינים (‪ )Properties‬לחתול יש פרווה‪ ,‬למחשב יש מקלדת ולאופניים יש גלגלים‪ .‬בעולם ה‬
‫‪ JavaScript‬ל ‪( windows‬חלון) יש ‪( title‬כותרת)‪ ,‬ולטופס יש תיבת סימון‪.‬‬
‫שיטות‪ -‬הפעולות שעצמים יכולים לבצע מכונות שיטות (‪ .)Methods‬חתולים יכולים ליילל‪ ,‬מחשבים יכולים ליפול‪,‬‬
‫ואופנים יכולים לנסוע‪ .‬גם לעצמים של ‪ JavaScript‬יש שיטות‪ :‬עצמי לחצן תומכים בפעולות ‪( )(click‬לחיצה) ‪ ,‬עצמי‬
‫חלון תומכים בפעולות ‪( )(Open‬פתיחה) ‪ .‬הסוגרים המופיעים לאחר השם מציינים שהשם הוא שם של פעולה ולא שם‬
‫של מאפיין‪.‬‬
‫מבנה קוד ב‪javascript-‬‬

‫כאשר מעוניניים לבצע פקודות תכונתיות‪,‬יש להודיע לדפדפן לבצע באמצעות התגית <‪>script‬‬
‫>"‪<head runat="server‬‬
‫>‪<title></title‬‬
‫>"‪<script language="javascript" type="text/javascript‬‬
‫‪........................‬‬ ‫*‪/‬כאן נכתוב את קטע הקוד‪*/‬‬

‫‪........................‬‬

</script>
:‫כללים‬
.‫אנו נכתוב באותיות קטנות‬. ‫השפה מבחינה בין אותיות קטנות ואותיות גדולות‬ 
.‫לא חובה אך אנו נכתוב‬.‫נהוג לכתוב את הסימן; בסוף כל משפט‬ 
. */ ‫ או ע"י‬// ‫במידה ורוצים להוסיף הערות לקוד ניתן ע"י הסימן‬ 
:‫דוגמאות‬
‫הקוד‬ ‫התוצאה בדפדפן‬

<head runat="server">
<title> ‫< דוגמא ראשונה‬/title>
<script language="javascript"
type="text/javascript">
window.alert("‫;)"שלום‬
</script>
</head>
<body>
‫זוהי דוגמא‬
window.alert("‫;)"להתראות‬
</script>
</body>
<head id="Head1" runat="server">

<title> ‫< דוגמא לשינוי סטטוס‬/title>
window.status="‫"ברוכים הבאים‬
</script>
</head>
<title>‫<דוגמא לקלט‬/title>
var name;
name=window.prompt("‫;)"הקש את שמך‬
</script>
3 ‫עמוד‬ js lesson1 – ‫מרי גבע‬

<html xmlns="http://www.w3.org/1999/xhtml">
<title> ‫< כתיבה בשתי שורות‬/title>
window.alert("‫\בוקר טוב‬n ‫;)"לכולם‬
</script>
</head>
window– ‫אובייקט חלון‬
:document ‫אובייקט‬
‫ אשר מציג את‬Document ‫ תכונה זו מתייחסת לאובייקט‬.document ‫ יש תכונה בשם‬Window ‫* לכל אובייקט‬
.‫המסמך המודפס בתוך החלון‬
‫ אשר מספקות מידע על‬,linkColor bgColor, lastModified,‫ כמו‬,‫ מספר מספר תכונות‬Document -‫* לאובייקט ה‬
.‫המסמך בשלמותו‬
‫ בזמן‬HTML ‫ טקסט‬,‫ להוסיף באופן דינמי‬JS ‫ מגדיר ארבע מתודות אשר מאפשרות לתוכנית‬Document-‫* אובייקט ה‬
: ‫ניתוח המסמך‬
) (write( ), open( ), close( ), writeln
.‫ הן מאפשרות ליצור באופן דינמי מסמכים חדשים שלמים‬,‫כמו כן‬
:‫דוגמאות‬

<head>
<title>My first script</title>
<script type="text/javascript">
document.write(“This is my first JavaScript!”); !This is my first JavaScript
</script>


</head>
>head<
>"script type="text/javascript<
;document.write("<h1>This is a heading</h1>")
;document.write("<p>This is a paragraph.</p>")
document.write("<p>This is another
;paragraph.</p>")
</script>
</head>
>head>
>script type="text/javascript">
document.write("<table border> ");
document.write("<tr> <td> ‫<גיל‬/td> <td> ‫<שם‬/td></tr>");
document.write("<tr> <td> 15</td> <td> ‫<ניר‬/td></tr>");
document.write("<tr> <td> 18</td> <td> ‫<יעל‬/td></tr>");
document.write("<tr> <td> 11</td> <td> ‫<נלי‬/td></tr>");
/>script>
/>head<
>head>
>script type="text/javascript">
document.write("<img src=boat.gif>");
/>script>
/>head<
‫משתנים‬

‫תרגול‪:‬‬
‫‪ .1‬כתוב תוכנית ב ‪ JavaScript‬שמדפיסה לחלון את שמך המלא‪ ,‬תאריך יום הולדתך‪ ,‬מזלך וגילך‪.‬‬
‫‪ .2‬כתוב תוכנית ב ‪ JavaScript‬שמקפיצה הודעה לחלון ומברכת אותך על כניסתך‪" :‬ברוך הבא"‪.‬‬
‫‪ .3‬כתוב תוכנית ב ‪ JavaScript‬שתקלוט מהמשתמש את שמו ולאחר מכן תקפיץ הודעת ברוך הבא‪ .‬לדוגמא אם‬
‫המשתמש יקליד את השם "יוסי" ההודעה תהיה‪" :‬ברוך הבא יוסי"‪.‬‬
‫‪ .4‬כתוב תוכנית ב ‪ JavaScript‬שקולטת שני מספרים ומדפיסה את תרגיל כפל וחילוק בין המספרים‪.‬‬
‫‪10*5=50‬‬ ‫לדוגמא עבור המספרים ‪ 10‬ו‪ 5-‬הפלט‪:‬‬
‫‪5/10 =2‬‬
‫‪ .5‬התאם בין הפלט לקטע המסומן בקוד‪.‬‬
‫"‪<script language="javascript‬‬
‫>"‪type="text/javascript‬‬
‫;‪var x, y, z, m‬‬
‫;"שלום" = ‪var a‬‬
‫;"להתראות" = ‪b‬‬
‫;)‪window.alert(a + b‬‬
‫;‪x = 4‬‬
‫;‪y = 7‬‬
‫;‪z = x + y‬‬
‫;"‪w = "ma" + "ma‬‬
‫;"‪m = "3‬‬
‫;‪k = m + 5‬‬
‫;)‪window.alert("4+7=" + x + y‬‬
‫;)‪window.alert("4+7=" + z‬‬
‫;)‪alert(w + k‬‬
‫;)‪alert(x + y‬‬
‫>‪</script‬‬

‫תרגיל ‪ – 3‬יצירת מסמך באמצעות ‪document.write‬‬

‫צור מסמך באמצעות השיטה ‪ write‬שיכיל את הפרטים הבאים כפי שמופיעים בתבנית הבאה‪:‬‬ ‫‪.1‬‬
‫יצירת מסמך‬
‫שמי הוא דני דין‬ ‫‪‬‬
‫בן ‪15‬‬ ‫‪‬‬
‫גר בתל‪-‬אביב‬ ‫‪‬‬
‫מה הפלט של הקטע הבא‪:‬‬ ‫‪.2‬‬

‫>”‪<script language=“javascript‬‬
‫;‪var x=5‬‬
‫;)‪document.write(x‬‬
‫;)”>‪document.write(x+”<br‬‬
‫>‪</script‬‬

Javascript in Hebrew

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Javascript in Hebrew

Uploaded by

Copyright:

Available Formats

‫תכנות בסביבת אינטרנט‬

‫‪ - JavaSscript‬שיעור מספר ‪1‬‬

‫עמוד ‪1‬‬ ‫מרי גבע – ‪js lesson1‬‬

‫‪ JavaScript‬היא שפת תכנות מונחית עצמים ( ‪:)Object Oriented Programming‬‬

‫מבנה קוד ב‪javascript-‬‬

‫‪........................‬‬ ‫‪/‬כאן נכתוב את קטע הקוד‪/‬‬

‫עמוד ‪2‬‬ ‫מרי גבע – ‪js lesson1‬‬

‫הקוד‬ ‫התוצאה בדפדפן‬

<head id="Head1" runat="server">

3 ‫עמוד‬ js lesson1 – ‫מרי גבע‬

window– ‫אובייקט חלון‬

‫הקוד‬ ‫התוצאה בדפדפן‬

4 ‫עמוד‬ js lesson1 – ‫מרי גבע‬

‫הקוד‬ ‫התוצאה בדפדפן‬

5 ‫עמוד‬ js lesson1 – ‫מרי גבע‬

‫עמוד ‪6‬‬ ‫מרי גבע – ‪js lesson1‬‬

‫תרגיל ‪ – 3‬יצירת מסמך באמצעות ‪document.write‬‬

‫מה הפלט של הקטע הבא‪:‬‬ ‫‪.2‬‬

‫עמוד ‪7‬‬ ‫מרי גבע – ‪js lesson1‬‬

You might also like