How do you use getElementById vs querySelector with an example?

JavaScript, getElementById, querySelector, DOM manipulation

This example demonstrates the difference between using getElementById and querySelector in JavaScript for selecting DOM elements.


            <script>
            // Using getElementById
            const elementById = document.getElementById('myElement');
            console.log(elementById.innerText);
            
            // Using querySelector
            const elementQuery = document.querySelector('#myElement');
            console.log(elementQuery.innerText);
            </script>