تشغيل الدالة عند الضغط على أي مكان في الصفحة - 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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية