เสร็จแล้ว

✨ Trda sql

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      :root{
		--h:20;
      --l:50;
      }
      body{
        background:hsl(var(--h),100%,calc(1% * var(--l)));
      }
    </style>
  </head>
  <body>
   <script type="text/javascript">
     let h = 20;
     let l = 50;
		document.body.onkeyup = function(e){
		console.log(e);

switch(e.key){
            case "ArrowLeft":
             document.documentElement.style.setProperty('--h', h -= 10);
             console.log("Left");
             break;
          	case "ArrowRight":
             document.documentElement.style.setProperty('--h', h += 10);
             console.log("Right");
             break;
            case "ArrowUp":
             document.documentElement.style.setProperty('--l', l += 10);
             console.log("Up");
             break;
            case "ArrowDown":
             document.documentElement.style.setProperty('--l', l -= 10);
             console.log("Down");
             break;
         }
      }
	</script>
  </body>
</html>