<!-- وسم العنصر 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>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.