تقديم ليد أوشن:توليد العملاء المحتملين المعتمد على الذكاء الاصطناعي، بيانات مُنقاة، زيادة بلا جهد

كيفية تغيير لون الخلفية باستخدام JavaScript

كيفية تغيير لون الخلفية باستخدام JavaScript
Emir Eskici

Emir Eskici

متحمس لبلس كلاودز

تغيير الخلفية باستخدام JavaScript

مرحبًا، في هذه المدونة سأعرض لكم تطبيقًا صغيرًا يمكنكم تطويره كما تريدون، مثلما هو الحال في المدونات الأخرى. لنستعرض معًا هذا التطبيق البسيط والممتع والذي يسمح لنا بتغيير الخلفية باستخدام JavaScript (تغيير لون الخلفية في JavaScript)

wordpress6.2_Banner.jpg

للمشاريع / التطبيقات الأخرى (انظر: المدونة)

HTML

لنقوم أولاً بإنشاء مجموعة من الأزرار التي ستوفر لنا خيارات الألوان المطلوبة، ومن ثم نضيف لها خاصية onClick من جانب HTML
الوصف

JS

لنقم بتعريف دوال onClick التي أضفناها للأزرار في كود HTML الخاص بنا.

function green(){
    document.getElementById("ColorBody").style.backgroundColor="green"
}
// ببساطة اخترت العنصر الذي لديه Id يسمى ColorBody وأعطيت خلفية باللون الأخضر باستخدام خاصية style backgroundColor
function red(){
    document.getElementById("ColorBody").style.backgroundColor="red"
}

function blue(){
document.getElementById("ColorBody").style.backgroundColor="blue"
}


function yellow(){
document.getElementById("ColorBody").style.backgroundColor="yellow"
}

النتيجة

الوصف

Sales

معلومات المنتج

نبحث عن كتّاب وصحفيين!

نبحث عن كتّاب وصحفيين!

إذا كنت صحفياً، لديك رغبة في التعمق في المواضيع المتعلقة بالأعمال والقطاعات، نريد العمل معك!

لنخلق أشياء رائعة معًا!

مشاركات أخرى في هذه الفئة

رؤية بلغات أخرى

تكتب AutoQuill محتوى تسويقي تابع وتنشره لك.
قلم أوتوماتيكي
تكتب AutoQuill محتوى تسويقي تابع وتنشره لك.

أسهل مال ستحققه على الإطلاق

مع أداة AutoQuill التي بدأت PlusClouds بتقديمها لشركائها، سيتمكن منشئو المحتوى من البيع بنقرة واحدة فقط. دعنا نوضح لك كيف يمكنك الحصول على نصيبك من هذه الثورة.

اقترح مدونة أخبار
اقترح مدونة أخبار
هل لديك خبر؟ شيء يجب أن نعرف عنه؟
تواصل مع المراسل

لا تملك حسابًا بعد؟ إذن دعنا نبدأ على الفور.

إذا كان لديك حساب، يمكنك الذهاب إلى ليو عن طريق تسجيل الدخول.