Key Up (Branch 4455)
✨ Naiohm Pwpp
<html> <head> <title>Let's Start </title> <style> :root{ --h: 0; --l: 50; } body{ background:hsl(var(--h),100%,calc(var(--l)*1%)); } </style> </head> <body> <script type="text/javascript"> var h = 0; var l = 50; document.body.onkeyup = function(e){ console.log(e); switch (e.keyCode){ case 38: document.documentElement.style.setProperty("--h", (h+=1)); break; case 40: document.documentElement.style.setProperty("--h", (h-=1)); break; case 37: document.documentElement.style.setProperty("--l", (s-=1)); break; case 39: document.documentElement.style.setProperty("--l", (s+=1)); break; } // main.dataset.key = e.key } </script> </body> </html>