image001

صفحة البيت | îñ èìôåï 04 – 6046227 | îñ' ô÷ñ 04 – 8303539 | ú.ã 2213

 

 

  

 

 

 

 

 

 

 

 

  

 

 

استدعاء (تنفيذ) دالة من خلال زر – button

 

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

سوف نتعلم كيف يتم تنفيذ دالة أو استدعائها عند الضغط على زر معين.

 

 

 

 

 

زر – (button ، ëôúåø)

 

 

<body>

  <input type = "button" value="press" onclick="runMe()">

</body>

 

قمنا بإنشاء زر (button) ووضعنا علية النص press

(هذا تم بمساعدة الخاصية value).

وقلنا: عند الضغط على هذا الزر (onclick) قم بتنفيذ الدالة runMe()

هيا نرى أمثلة

 

 

 

 

  

 

 

 

تمرين:

 

نريد أنشاء زر    go  ، عند الضغط عليه نقوم باستدعاء دالة التي تُظهر الرسالة: مرحبا بكم

 

الحل:

 

<html>

<head> <title> </title> </head>

<body>

    <input type="button" value="go" onclick="welcome()">

 

    <script>

        function welcome() {

            document.write("مرحبا بكم")

        }

    </script>

</body> </html>

 

 

 

 

 

  

 

 

 

تمرين:

 

نبني  زر (button). نضع علية النص run me

عند الضغط على هذا الزر نستدعي دالة التي تقوم بعرض اسم بلدتك في صندوق التنبيهات alert.

 

 

 

الحل:

 

<!doctype html>

<html>

<head>

    <title> أدوات النموذج </title>

</head>

<body dir=rtl>

  <input type="button" onclick="myState()" value="runme">

 

  <script>

    function mycountry() {

      alert("دالية الكرمل")

    }

  </script>

</body>

</html>

 

 

 

 

 

 

 

 

تمرين

 

يرى المستخدم زرًا ، ويضغط عليه، عندها سيُسأل إذا كان اليوم هو الجمعة.

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

 

<html>

<script>

  function runMe() {

    var x = prompt('no/yes هل اليوم هو يوم الجمعة؟')

    if (x == 'yes'){

      document.write('نهاية أسبوع سعيدة') 

    }

    else {

      document.write('يوم موفق');

    }

  }

</script>

 

<body>

  <input type = "button" value="press" onclick="runMe()">

</body>

<html>

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

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

w4

 

  

 

 

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