63070183-เหน่ง
✨ APICHET KOMWATCHARAPONG
<html> <head> <title>Let's Start </title> <style> body{ --h: 0; --l: 50%; background:hsl(var(--h), 100%, var(--l)); } </style> </head> <body> <script type="text/javascript"> let h =0; let l =0; document.body.onkeyup = function(e){ console.log(e); if (e.key == "ArrowUp") { l += 10; document.body.style.setProperty('--l', l + '%'); } else if (e.key == "ArrowDown") { l -= 10; document.body.style.setProperty('--l', l + '%'); } else if (e.key == "ArrowLeft") { h -= 10; document.body.style.setProperty('--h', h); } else if (e.key == "ArrowRight") { h += 10; document.body.style.setProperty('--h', h ); } } </script> </body> </html>