How do I toggle a CSS class on multiple elements when clicking a button using JavaScript event listeners?

<!-- BEGIN COPY / PASTE -->
        <button id="toggleButton">Toggle Class</button>
        <div class="item">Item 1</div>
        <div class="item">Item 2</div>
        <div class="item">Item 3</div>

        <style>
            .highlight {
                background-color: yellow;
            }
        </style>

        <script>
            document.getElementById('toggleButton').addEventListener('click', function() {
                const items = document.querySelectorAll('.item');
                items.forEach(item => {
                    item.classList.toggle('highlight');
                });
            });
        </script>
        <!-- END COPY / PASTE -->