الهدف التعليمي

تعلم كيفية تغيير لون خلفية الصفحة وحفظ التفضيلات باستخدام JavaScript و localStorage.

مُحدد ألوان الخلفية

الشرح البرمجي
// تغيير لون الخلفية وحفظه
function changeColor(color) {
    document.body.style.backgroundColor = color;
    localStorage.setItem("backgroundColor", color);
}

// إعادة تعيين اللون الافتراضي
function resetColor() {
    document.body.style.backgroundColor = "white";
    localStorage.removeItem("backgroundColor");
}

// استعادة اللون المحفوظ عند التحميل
const savedColor = localStorage.getItem("backgroundColor");
if (savedColor) {
    document.body.style.backgroundColor = savedColor;
}