שפת JavaScript – הפעם נלמד פרמטרים ופונקציות.
בקובץ HTML נקרא לפונקציה ()printI אשר נמצאת בקובץ JS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyle.css"> <script type="text/javascript" src="MyJavaScript.js"></script> <title>Welcome to JS and HTML</title> </head> <body> <script>printI()</script> </body> </html>
בקובץ JS יש לנו קריאה לפונקציה myFunc מתוך הפונקציה ()printI ושימוש במשתנה גלובלי global .
הגדרנו משתנה גלובלי: var global = 15
מה זה משתנה גלובלי?
משתנה גלובלי זה משתנה אשר זמין גם מחוץ לפונקציות וגם בתוך הפונקציות.
לדוגמה במקרה שלנו יש שתי פונקציות ()printI ו-()myFunc אז משתנה global יהיה זמין גם מחוץ לפונקציות האלו וגם בתוך הפונקציות.
הערה: יש לשים לב שמתוך קובץ HTML יש קריאה לפונקציה ()printI ומתוך פונקציה ()printI יש קריאה לפונקציה ()myFunc
var global = 15; function printI(){ document.write(global+"<br />");//15 myFunc();//now global=16 document.write("NEW Global:"+global);//16 } function myFunc() { global++;//15++=16 }
שימוש בפונקציות מובנות של שפת JavaScript
ראינו איך יוצרים את הפונקציות, אבל ב-JS יש גם פונקציות מוכנות לשימוש.
בקובץ HTML נקרא לפונקציה ()printI אשר נמצאת בקובץ JS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyle.css"> <script type="text/javascript" src="MyJavaScript.js"></script> <title>Welcome to JS and HTML</title> </head> <body> <script>printI()</script> </body> </html>
קובץ JS
לדוגמה חישוב PI נעשה דרך Math.PI…
ועוד כמה דוגמאות דוגמאות של הפונקציות מוכנות.
function printI(){ var text = "PI = " + Math.PI; text += "</br> |-7| = " + Math.abs(-7); text += "</br> sin(0.3) = " + Math.sin(0.3); document.write(text+"</br>"); var str = "Some straing"; document.write(str+"</br>"); var text = "Length srting " + str.length; text += "</br> LOW: " + str.toLowerCase(); text += "</br> UP: " + str.toUpperCase(); text += "</br> FROM 1 up to 5 (included) " + str.substring(0, 4); text += "</br>THIRD SYMVOL: " + str.charAt(2); document.write(text+"</br>"); }
עוד דוגמה של פונקציות
כתיבה לתוכן המסמך בעזרת innerHTML ו-getElementById.
ניצור תחילה את הקובץ HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyle.css"> <script type="text/javascript" src="MyJavaScript.js"></script> <title>Welcome to JS and HTML</title> </head> <body> <p id="testID"></p> <script>printI()</script> </body> </html>
בקובץ JS נגדיר פונקציה אשר מקבלת שני ערכים X ו-Y ומחזריה את המכפלה של X*Y.
בנוסף מדפיסים על המסך את התוצאה של המכפלה הזאת בקובץ HTML איפה שיש תג "testID" (הדגשתי את זה בכחול)
function printI(){ function myfun(x, y) { return x * y; } document.getElementById("testID").innerHTML = myfun(5, 5); }