<!-- وسم العنصر div لإظهار الاسم هنا-->
<div show-info="name"></div>
<!-- والعمر هنا -->
<div show-info="age"></div>
<script>
// تجد الشيفرة العنصر الموسوم وتقوم بإظهار المطلوب
let user = {
name: "Pete",
age: 25
};
for(let div of document.querySelectorAll('[show-info]')) {
// ملئ الحقل بالمعلومات الموافقة له
let field = div.getAttribute('show-info');
div.innerHTML = user[field]; //(*)
}
</script>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.