image001

صفحة البيت  |                îñ èìôåï 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> 

 

 

المخرج:

 

30

 

 

<script>

  function calc(num1, num2, num3) {

    alert(num1 + num2 + num3); 

  }

 

  calc(5,10,15);

</script> 

 

 

المخرج:

 

30

 

 

<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

 

3

4

5

6

7

8

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>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

https://sites.google.com/site/koftanhatav/_/rsrc/1424517650012/home/math1.png?height=241&width=320    

w4

 

  

 

 

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