Sales•١٥ يوليو ٢٠٢٢

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

Emir Eskici

بلس كلاودز أوثر

JavaScript ile Arka Plan Renk Değiştirme Nasıl Yapılır

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

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

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

HTML

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

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"
}