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>

function createCounter() {
    let count = 0;

    return {
        increment: function() {
            count++;
            return count;
        },
        decrement: function() {
            count--;
            return count;
        },
        getValue: function() {
            return count;
        }
    };
}

const counterObj = createCounter();
console.log(counterObj.increment());  // Output: 1
console.log(counterObj.increment());  // Output: 2
console.log(counterObj.decrement());  // Output: 1
console.log(counterObj.getValue());   // Output: 1

In this example, the createCounter function creates a closure that keeps track of the count variable. The returned object allows you to increment, decrement, and get the current value of count without exposing the variable directly.