Parameters & functions

שפת 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);

}

דילוג לתוכן