summaryrefslogtreecommitdiff
path: root/themes/tabi-lean/static/js/loadComments.js
blob: 911f1caf2e0578deeadeab5f5f9236a1b36d36fd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// Wait for the full HTML document to be parsed and ready.
document.addEventListener('DOMContentLoaded', () => {
    // Retrieve the button element.
    const loadCommentsButton = document.querySelector('#load-comments');

    // If the button exists…
    if (loadCommentsButton) {
        // Add a "click" event listener to the button.
        loadCommentsButton.addEventListener('click', () => {
            // Create a new "script" HTML element.
            const script = document.createElement('script');

            // Set the source of the script to the URL in the button's "data-script-src" attribute.
            script.src = loadCommentsButton.dataset.scriptSrc;

            // Load asynchronously.
            script.async = true;

            // Add the script element to the end of the document body, which causes the script to start loading and executing.
            document.body.appendChild(script);

            // Hide the button after it's clicked.
            loadCommentsButton.style.display = 'none';
        });
    }
});