Покажіть примітку біля елемента

назад до уроку

Створіть функцію positionAt(anchor, position, elem), яка позиціонує elem залежно від position біля елемента anchor.

Аргумент position має бути рядком з будь-яким із 3 значень:

"top" – розмістити elem праворуч над anchor
"right" – розмістити elem безпосередньо праворуч від anchor
"bottom" – розмістити elem прямо під anchor

Аргумент використовується всередині функції showNote(anchor, position, html), наданої у вихідному коді завдання, який створює елемент примітки із заданим html і показує його у заданій позиції position біля елементу anchor.

Ось демонстрація приміток:

Відкрити пісочницю для завдання.

У цьому завданні нам потрібно лише точно розрахувати координати. Подробиці дивіться в коді.

Зверніть увагу: елементи повинні бути в документі, щоб прочитати offsetHeight та інші властивості. Прихований елемент (display:none) або елемент поза документом не має розміру.

Відкрити рішення в пісочниці.