hex-colors/index.html at main · DuxVictorum/hex-colors · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
  <head>
    <title>Random Background Color</title>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body id="body" style="background-color: lightskyblue">
    <h1>Click the button below to see a new background color!</h1>
    <div class="box">
      <p id="chooseText">
        Choose your color display method: <span id="method"></span>
      </p>
      <form>
        <select id="colorSelect" name="choice">
          <option value="">(Select a value)</option>
          <option value="keyword">Color keyword</option>
          <option value="hexcode">Hexcode color</option>
          <option value="rgb">RGB color</option>
          <option value="hsl">HSL color</option>
        </select>
        <!-- <button id="choiceButton" type="submit">Select</button> -->
      </form>

      <p id="color">
        Currently displaying color: <span id="color2">lightskyblue</span>
      </p>
      <button id="colorButton">Change color!</button>
    </div>

    <script type="module" src="script.js"></script>
  </body>
</html>