تشغيل الدالة عند الضغط على أي مكان في الصفحة - Javasript

Mahmoud Ali Nawwar · 23 فبراير 2022

السلام عليكم ورحمة الله

أردت أن أعمل مشروع صغير بالجافا سكريبت عند الضغط على أي مكا في ا body يتم تشغيل الدوال في الجافا سكريبت ولكن ذلك لا يعمل

أرجو حل المشكلة

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
    <script src="main.js"></script>
</body>
</html>

جافا سكربت

document.body.addEventListener('click', function() { 
welcome('Nawwar')
})

function welcome(names){
    console.log('welcome' + names)
}

أسامة زيادة · 23 فبراير 2022

كود الجافا سكربت صحيح ولا يوجد به أي أخطاء ، لكن المشكلة لديك هي عدم وضوح وسم <body> فقط قوم بإضافة أي وسم داخل وسم <body> وقوم بالضغط في أي مكان لديك وسوف تظهر الجملة في console مثلاً كتالي :-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <h1>Click Here</h1>
    <script src="main.js"></script>
</body>
</html>

وبعدها قوم بالضغط، وسوف تظهر لديك الجملة .

أو يمكنك إضافة خصائص css إلى وسم <body>، حتى يصبح الوسم واضح .

<body style="white:100%; height:500px; background-color:red;">

Mahmoud Ali Nawwar · 23 فبراير 2022

بتاريخ 7 دقائق مضت قال أسامة زيادة:
كود الجافا سكربت صحيح ولا يوجد به أي أخطاء ، لكن المشكلة لديك هي عدم وضوح وسم <body> فقط قوم بإضافة أي وسم داخل وسم <body> وقوم بالضغط في أي مكان لديك وسوف تظهر الجملة في console مثلاً كتالي :-
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <h1>Click Here</h1>
    <script src="main.js"></script>
</body>
</html>
وبعدها قوم بالضغط، وسوف تظهر لديك الجملة .

أو يمكنك إضافة خصائص css إلى وسم <body>، حتى يصبح الوسم واضح .
<body style="white:100%; height:500px; background-color:red;">

شكرا

تشغيل الدالة عند الضغط على أي مكان في الصفحة - Javasript

السؤال

Mahmoud Ali Nawwar

رابط هذا التعليق

شارك على الشبكات الإجتماعية

2 أجوبة على هذا السؤال

Recommended Posts

أسامة زيادة

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mahmoud Ali Nawwar

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية