ui.html

<!--Header-->
<h1> Change Widgets Color </h1>

<!-- Short app explanation -->
<p>
  Will change the color of all objects with the key word in their title
</p>

<!--Asks user for a hex color value-->
<label for = 'hex-input'>
  New Hex Color
  <input
    required
    id = "hex-input"
    type = "text"
    max = "6"
    min = "6"
    placeholder = "fafa1d"
  />
</label>

<!--Asks user for a key word-->
<label for = 'keyword-input'>
  Key Word
  <input
    required
    id = "keyword-input"
    type = "text"
    placeholder = "title"
  />
</label>

<!--Submit button-->
<button id = "button">
  Change Color
</button>