/** * Toggles a specified CSS class on an element identified by its ID. * If the class is present, it's removed; if absent, it's added. */ function toggleElementClass(elementId, className) { const element = document.getElementById(elementId); if (element) { element.classList.toggle(className); console.log(`Toggled class "${className}" on #${elementId}. Current classes: ${element.classList}`); } else { console.error(`Element with ID "${elementId}" not found.`); } } // Example Usage (assuming an HTML element with id='myButton' exists): // // function handleClick() { // toggleElementClass('myButton', 'active'); // toggleElementClass('myButton', 'highlight'); // } // document.getElementById('myButton').addEventListener('click', handleClick);