แจกคะแนน แก้ข้อมูล (Copy 358) (Branch 360)

✨ นายภานุพงศ์ เฉลยรัตน์

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      *{
        --cl:hsl(var(--h),100%,var(--l));
        transition:0.5s;
      }
      body{
        --h:30;
        --l:80%;
        background:var(--cl);
        margin:1em;
        font-family:sans-serif;
      }
      h1,p,a{
        color:var(--cl);
      }
      h1{
        --l:10%;
      }
      p{
        --l:20%;
      }
      a{
        --l:30%;
      }
      .button{
        
        text-decoration:none;
        padding:1em;
        display:inline-block;
        border-radius:4px;
        color:white;
        background-color:var(--cl);
        --l:40%;
      }
      .button:hover{
        background-color: var(--cl);
        --l:50%;
      }
    </style>
  </head>
  <body id="theBody">
    <h1>
      บูมเอง
    </h1>
    <p>
      เที่ยงคืนบึ้มท็อปบูตป่าไม้ รวมมิตรพฤหัส แซ็กโซโฟนตุ๊กตุ๊กสัมนาทรู มอนสเตอร์แพทเทิร์น เต๊ะแอ็คชั่นซาร์ดีนสปิริตเอาท์ ออร์แกนฟอยล์จูน บาบูน มาเฟียกัมมันตะเทคโนอึมครึม เดโม แอดมิสชันฮีโร่แฟนตาซีไฮไลท์ มหาอุปราชาโพสต์อัลตรา เสือโคร่งแพ็คสแควร์ลอร์ด วอร์รูมเฮอร์ริเคนแอ็กชั่นจึ๊กไฮกุ โบรชัวร์สติกเกอร์ ฟินิกซ์ซิงวิดีโอ ซากุระดิสเครดิตคันยิอิเลียด
    </p>
    <a href="#" class="button">อ่านต่อ
    </a>
    <a href="#">กลับ
    </a>
    <br><br><br>
    <div>
      <button onclick="theBody.style.setProperty('--h',270)">
      ม่วง
    </button>
    <button onclick="theBody.style.setProperty('--h',240)">
      น้ำเงิน
    </button>
    <button onclick="theBody.style.setProperty('--h',210)">
      ฟ้า
    </button>
    <button onclick="theBody.style.setProperty('--h',120)">
      เขียว
    </button>
    <button onclick="theBody.style.setProperty('--h',40)">
      เหลือง
    </button>
    <button onclick="theBody.style.setProperty('--h',30)">
      ส้ม
    </button>
    <button onclick="theBody.style.setProperty('--h',330)">
      ชมพู
    </button>
    <button onclick="theBody.style.setProperty('--h',0)">
      แดง
    </button>
    </div>
  </body>
</html>