Programming Development Tutorials, Guides & Insights

The Document Object Model (DOM) allows JavaScript to interact with the HTML content of a web page.

<p id="text">This is a paragraph.</p>
<button onclick="changeText()">Change Text</button>

<script>
function changeText() {
    document.getElementById('text').innerHTML = "Text changed!";
}
</script>

To understand how closures work, let's start with a simple example:

function outerFunction() {
    let outerVariable = "I am outside!";

    function innerFunction() {
        console.log(outerVariable);
    }

    return innerFunction;
}

const closureFunction = outerFunction();
closureFunction();  // Output: "I am outside!"