(แก้ตรงนี้เป็นชื่อพี่หัวตี้เลย) (Branch 1056)
✨ Chakraphat Sudjai
<html> <head> <title>Let's Start </title> <style> body{ background:#dddd; margin:1em; font-family:sans-serif; } .ball{ --h:0; width:10em; height:10em; background:hsl(var(--h),100%,50%); box-shadow:0px 0px 10px hsl(var(--h),100%,70%); border-radius:100%; float:left; margin:.2em; } </style> </head> <body> <input type="range" min="1" max="200" id="theInput" onchange="fn()"> <div id="groud"> </div> <script> function fn(){ groud.innerHTML = '' let num = theInput.value; for (i = 0; i < num; i++) { groud.innerHTML += '<div class="ball"></div>'; } } </script> </body> </html>