Key Up (Branch 4487)
✨ นายธิติวุฒิ หุ่นท่าไม้
<html> <head> <title>Let's Start </title> <style> :root{ --h:10; --l:50%; } body{ background: hsl(var(--h), 100%, calc(1%*var(--l))); } </style> </head> <body> <script type="text/javascript"> let h=0; let l=50; document.body.onkeyup = function(e){ console.log(e); switch (e.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>