كيف اغير لون النص والخلفيه بناءً على تغير القيمه

تختلف طريقة تطبيق ذلك حسب المكتبات وأطر العمل التي تستخدمها والطريقة التي يتم فيها جلب البيانات من خادم الويب فهذه التفاصيل لم تذكرها في سؤالك.

وفكرة الحل في حال كان يتم الاتصال بخادم الويب من خلال API:

fetch("https://example/com").then(
        (res) => {
            return res.json();
        }
    ).then(
        (data) => {
			let card = document.getElementById('order-card'); // للوصول إلى البطاقة المراد تغيير لون خلفيتها

            if(data.status === 'New'){ //اختبار حالة الطلب في حال كان جديد
				cart.style.backgroundColor = "green"; //تغيير لون خلفية العنصر أو البطاقة إلى اللون الأخضر
			}else if(data.status === 'Pending'){
				cart.style.backgroundColor = "red";
			}
			.....
        }
    )

إذا كنت تحصل على مصفوفة من البيانات سيتوجب عليك أيضاً إضافة حلقة تكرارية للمرور على هذه البيانات، كما يوجد العديد من الطرق الأخرى وطرق أسهل في حال كنت تستخدم إطار عمل معيّن مثل React أو Vue أو حتى Jquery في طرف المستخدم.