اذهب إلى المحتوى
  • 0

انشاء زر يعمل تلقائيا مثلا عند ضغط على زر اعجاب

Grand Ali

السؤال

Recommended Posts

  • 0

ما تريد هو إضافة للمتصفح، بحيث تسمح لك بتحديد عنصر معين في موقع ما وحفظه واستخدامه لتنفيذ سكريبت معين، مثل تحديد كلاس أو ID لزر الإعجاب ثم وضع حدث click للاستماع لنقرة الزر وتنفيذ كود معين بناءًا على ذلك.

مثال للتوضيح، لنفترض أنه يوجد بالصفحة كالتالي:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Automatic Button</title>
</head>
<body>
    <!-- زر الإعجاب -->
    <button id="likeButton">اعجاب</button>

 
</body>
</html>

فسنكتب سكريبت بسيط لاستهداف الزر وتنفيذ كود معين:

// استهداف زر الإعجاب باستخدام معرفه
const likeButton = document.getElementById('likeButton');

// وظيفة لتنفيذ الإجراء التلقائي
function performAutoAction() {
    // يمكنك وضع الإجراء الذي تريد تنفيذه هنا
    console.log('تم النقر على زر الإعجاب. الآن يمكنك تنفيذ الإجراء المطلوب.');

    // على سبيل المثال، يمكنك تغيير لون خلفية الصفحة عند النقر على الزر
    document.body.style.backgroundColor = 'lightblue';
}

// تعيين الدالة لتنفيذها عند النقر على زر الإعجاب
likeButton.addEventListener('click', performAutoAction);

بالطبع الكود ينقصه الجزء الخاص بتحديد العنصر في موقع معين ثم حفظه وتذكره عند زيارة الموقع مرة أخرى، حاول تنفيذ ذاك المنطق.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...