Key Up (Branch 4734)
✨ นายภูฟ้า รุจิภาสวัฒน์
<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"> let h=0, l=50; document.body.onkeyup = function(a){ console.log(a); switch (a.key){ case "ArrowLeft": document.documentElement.style.setProperty("--l", (l+=10)); break; case "ArrowRight": document.documentElement.style.setProperty("--l", (l-=10)); break; case "ArrowUp": document.documentElement.style.setProperty("--h", (h+=10)); break; case "ArrowDown": document.documentElement.style.setProperty("--h", (h-=10)); break; } } </script> </body> </html>