In this lab, you will create a simple HTML page with a single button with id <code data-prestyled="true" class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono">switchBtn</code> and a <code data-prestyled="true" class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono">div</code> element with id <code data-prestyled="true" class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono">colorBox</code>. The objective is to implement a JavaScript function that generates a random color in HEX format when the button is clicked and applies it as the background color of the <code data-prestyled="true" class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono">div</code> element on the page.
Concepts covered in this lab are:
<ul>
<li>Basic HTML structure</li>
<li>CSS styling</li>
<li>JavaScript events</li>
<li>Generating random HEX colors</li>
<li>Manipulating DOM elements</li>
</ul>
To pass this lab, you must complete the challenges mentioned below:

Dynamic CSS background-color switcher

Uh oh - the connection was lost