صفحة البيت | מס טלפון 04 – 6046227 | מס' פקס 04-8303539

جافا سكريبت - JavaScript

موقع كتابة الكود repl.it | تحميل Brackets| تحميل Notebad++

(5) الدوال - functions

الدالة function

هناك نوعان من الدوال، دوال موجودة مع الجافا سكربت، وهناك دوال يبنيها المبرمج.

كمبرمجين، سنتعلم هنا كتابة دوال.

تعريف عمليات – الدوال - function

الدالة هي مجموعة من الأوامر التي تُنفذ عند استدعائها (مناداتها)،

ويجب إعطاء أُسم مناسب للدالة يدل على وظيفتها.

كتابة دوال واستدعائها في نفس مقطع السكربت - <script>

المخرج:

Daliat El Carmel

<script>

function name() {

alert('Daliat El Carmel');

}

name();

</script>

المخرج:

Aya Wahaby

<script>

function name(fname, lname) {

alert(fname+' '+lname);

}

name('Aya','Wahaby');

</script>

المخرج:

<script>

function calc(num1, num2, num3) {

alert(num1 + num2 + num3);

}

calc(5,10,15);

</script>

المخرج:

<script>

function calc(num1, num2, num3) {

return num1 + num2 + num3;

}

var eq = calc(5,10,15);

alert(eq)

</script>

تمرين

أكتب برنامج يقرأ عددأ صحيحا بين 1 و 7.

على البرنامج أن يطبع عددا من المثلثات بحسب العدد المدخل؟

***

الحل:

num = 4

***

<body>

<script>

function mish(x) {

document.write("*<br>");

document.write("**<br>");

document.write("***<br>");

}

n = parseInt(prompt("num="))

for (i=1; i<=n; i++) {

mish(n)

}

</script>

</body>

تكرار أكثر من سكربت

كتابة الدوال في سكربت (<script>) منفصل عن سكربت استدعائها

تمرين

<head>

<script>

function Ballgame() {

document.write ("كرة قدم وكرة سلة وكرة طاولة"+"<br/>");

}

function MusicalTool() {

document.write("ناي، طبلة، بيانو، كمان"+"<br/>");

}

</script>

</head>

<body>

دالتين تعملان في هذه الصفحة <br>

<script>

Ballgame();

MusicalTool();

</script>

</body>

تمرين

<head>

<script>

function add () {

document.write ("12+5="+(12+5) + "<br />");

}

function sub () {

document.write("12-5=" + (12-5) + "<br />");

}

</script>

</head>

<body>

<script>

add();

sub();

</script>

</body>

כתיבת פעולות - (פונקציות)

ניתן להגדיר פונקציות רק באזור ה-head

<html>

<head>

<title> JavaScript </title>

<script>

function square(num) {

return num * num;

}

</script>

</head>

<body>

<script>

for (i=1; i<=10; i++) {

document.write(square(i) + " ");

}

</script>

</body>

</html>

تمرين

اكتب برنامج يقرأ عددين صحيحين.

أ‌) على البرنامج أن يطبع جميع الاعداد الصحيحة التي بينهما (يشمل العددين).

مثال: المدخل 4 و- 10 يطبع: 4, 5, 6, 7, 8, 9, 10

ب) يحسب ويطبع حاصل جمع هذه الأعداد

المخرج:

num1=3

num2=9

sum=42

<head>

<script>

function range(x, y) {

for (i = x ; i <= y ; i++) {

document.write(i + " ");

sum = sum + i ;

}

document. write("<br>","sum=", sum);

}

</script>

</head>

<body>

<script>

num1 = parseInt(prompt("num1= "))

num2 = parseInt(prompt("num2= "))

if (num1 > num2) {

temp = num1

num1 = num2

num2 = temp

}

range(num1, num2);

</script>

</body>

كتابة عمليات – دوال

استدعاء دالة بواسطة كود الرابط <a>

<html>

<head>

<title> JavaScript </title>

<script>

function changeBgColor(color) {

document.bgColor = color;

}

</script>

</head>

<body>

<h3> Change background color </h3>

<a href="javascript:changeBgColor('red')">Red</a>

<a href="javascript:changeBgColor('blue')">Blue</a>

<a href="javascript:changeBgColor('white')">White</a>

</body>

</html>

مدرسة قفطان حلبي الإعدادية – دالية الكرمل - Copywrite – 2019