let elem = document.getElementById("coords-show-mark");
function createMessageUnder(elem, html) {
  //  إنشاء العنصر الذي يضم الرسالة
  let message = document.createElement('div');
  //يستحسن استعمال صنف CSS لتحديد النمط التنسيقي
  message.style.cssText = "position:fixed; color: red";
  //إسناد الإحداثيات دون أن ننسى الحرفين 'px'
  let coords = elem.getBoundingClientRect();
  message.style.left = coords.left + "px";
  message.style.top = coords.bottom + "px";
  message.innerHTML = html;
  return message;
}
// :الاستعمال
// إضافته للصفحة لمدّة خمس ثوان 
let message = createMessageUnder(elem, 'Hello, world!');
document.body.append(message);
setTimeout(() => message.remove(), 5000);