27 lines
726 B
HTML
27 lines
726 B
HTML
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
document.getElementById('coords-show-mark').onclick = function() {
|
|
let elem = document.getElementById("coords-show-mark");
|
|
|
|
function createMessageUnder(elem, text) {
|
|
let coords = elem.getBoundingClientRect();
|
|
let message = document.createElement('div');
|
|
message.style.cssText = "position:fixed; color: red";
|
|
|
|
message.style.left = coords.left + "px";
|
|
message.style.top = coords.bottom + "px";
|
|
|
|
message.innerHTML = text;
|
|
|
|
return message;
|
|
}
|
|
|
|
let message = createMessageUnder(elem, 'Hello, world!');
|
|
document.body.append(message);
|
|
setTimeout(() => message.remove(), 5000);
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|