Toggle CSS Class

Select the div with id="themeBox" and toggle the CSS class "dark" on it.

Platform-Provided HTML (READ-ONLY):
<div id="container">
  <div id="themeBox" class="light">Theme Box</div>
</div>

Steps:
1. Use document.getElementById() to select the div
2. Use classList.toggle() to add or remove the "dark" class
3. Note: toggle() adds the class if it doesn't exist, removes it if it does

Expected Output:

<div id="container">↵
  <div id="themeBox" class="light dark">Theme Box</div>↵
</div>

= newline. No newline after the last line.

Hints2 available

Topics:

HTML DOM

Code Editor

Tab to indent (Esc then Tab to move on) · Ctrl+Enter to run · Shift+Alt+F to format · Ctrl+Space to expand shortcuts (clog, fn, fori)

Your Output

Run your code to see the output here...

Test Cases

Run your code to see test case results.