מדריך JavaScript מספר 2 - איך להשתמש בJavaScript במסמך HTML
כל מה שתצטרכו בשביל לכתוב קוד JavaScript הוא עורך טקסט כמו Notepad (במדריך זה נשתמש בכלי החינמי ++Notepad שאפשר למצוא להורדה באינטרנט). מדריך יסביר כיצד מכניסים קוד JavaScript לתוך מסמך הHTML שלכם אני יוצא מנקודת הנחה שאתם מכירים כבר HTML ברמה סבירה, במידה ולא, כדאי לעבור על מדריכי הHTML באתר.
בינוני 6,621 צפיות
מה תצטרך
- JavaScript
- איך לכתוב ג'אווה סקריפט
שלבים
- 1
שלב 1
את קוד הJavaScript מכניסים באלמנט הנקרא , לאלמנט זה יש תגית פותחת ותגית סוגרת. אז קוד JavaScript נראה כך: - 2
שלב 2
// Some JavaScript... -
- 3
שלב 3
כאשר לתגית הפותחת של script צריך להוסיף מאפיין type עם הערך "text/javascript". בכדי להגדיר שמדובר בJavaScript. מה שנמצא בין תגיות הscript הוא קוד הJavaScript עצמו. - 4
שלב 4
בואו נעבור לדוגמא אמיתית שבה נשנה ערך של פסקה בעזרת JavaScript: - 5
שלב 5
document.getElementById("SomeText").innerHTML="Hello there"; - 6
שלב 6
בדוגמא נתנו לאלמנט הפסקה p את המאפיין id עם הערך SomeText בכדי שנוכל להתייחס אליו מהJavascript. הגדרנו אלמנט script עם המאפיין text/javascript (בלי האלמנט הזה הדפדפן היה מתייחס לjavascript כטקסט פשוט). הdocument.getElementById("SomeText").InnerHTML זו שורת קוד JavaScript האומרת לדפדפן לפנות למסמך HTML (document) ולהתייחס לאלמנט עם השם SomeText (GetElementById). והinnerHTML אומר שצריך לשנות את התוכן של האלמנט. לבסוף נרשום = ואת המחרוזת שאנחנו רוצים לשים בתוך הפסקה (Hello there) נרשום בתוך גרשיים. *הערה: getElementById זו פונקציה מהDOM עליו ניתן לקרוא יותר בקישור המצורף.
