A short script to explain the CRP

<html>
    <head>

    </head>
    <body>
        <div id="wrapper"></div>
        <button onclick="addItem()">Add Item</button>

        <script>
            function addItem() {
                const newElement = document.createElement('div');
                newElement.innerText = 'Hi';
                wrapper.appendChild(newElement);
            }
            const wrapper = document.getElementById('wrapper');
        </script>
    </body>
</html>