shareButton with Web Share API

shareButton.js

document.addEventListener('DOMContentLoaded', () => {
    const entryElement = document.querySelector('.entry');
    if (navigator.canShare && entryElement) {
        const shareButton = document.createElement('button');
        shareButton.textContent = 'Share this article';
        shareButton.onclick = async () => {
            try {
                await navigator.share({
                    url: location.href,
                    title: document.title
                });
            } catch (error) {
                console.error('Error sharing:', error);
            }
        };
        entryElement.appendChild(shareButton);
    }
});