Key Up (Branch 4439)

✨ นายปิยะเชษฐ์ โตเทศ

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      :root{
			--h:0;
         --l:50;
      }
      body{
        background:hsl(var(--h), 100%, calc(1% * var(--l)));
      }
    </style>
  </head>
  <body>
   <script type="text/javascript">
     var h = 0;
     var l = 50;
		document.body.onkeyup = function(e){
			console.log(e);
        switch(e.key){
          case "ArrowLeft":
            console.log("I am left");
            document.documentElement.style.setProperty("--h", h-=10);
            break;
          case "ArrowRight":
				console.log("I am Right");
            document.documentElement.style.setProperty("--h", h+=10);
            break;
          case "ArrowUp":
            console.log("I am Up");
            document.documentElement.style.setProperty("--l", l+=10);
            break;
          case "ArrowDown":
            console.log("I am Down");
            document.documentElement.style.setProperty("--l", l-=10);
            break;
        }
      }
	</script>
  </body>
</html>