본문 바로가기
JS

[JS] input[type="range"] 별점 드래그

by 하겐모아 2023. 7. 7.

📢 input[type="range"] 별점 드래그 구현

 

See the Pen input[type="range"] star by 조민혁 (@iqgzrljw-the-typescripter) on CodePen.

 

* 빈 별과 5개의 별이 찬 이미지  2개를 겹친다.

* input[type="rang"]의 value 만큼 5개의 별 이미지의 width값을 조절한다.

'JS' 카테고리의 다른 글

[JavaScript] 비동기와 콜백 함수  (0) 2023.08.01
[JavaScript] async & await  (0) 2023.08.01
[React] Hooks - useContext  (0) 2023.07.31
[JS] wScratchPad.js 사용하기  (0) 2023.07.11
배열과 객체의 유사점과 차이점  (0) 2023.07.11