JS (1) 썸네일형 리스트형 [javascript] 범위 슬라이더(range slider)와 시작, 배속, 중지 버튼 구현 시작, 배속, 중지버튼으로 컨트롤하는 범위 슬라이더를 만들어보았다. input type="range" 를 사용하였고 Vanila Js로 작성하였다. 완성한 slider는 이러하다. See the Pen CodePen JavaScript Console Template by 윤다솜 (Dasom Yun) (@datoybi) on CodePen. 요구사항 play 버튼을 클릭시 play버튼을 처음 누른 경우 버튼 명이 pause로 바뀐다. slide가 돌면서 slide value를 업데이트 해준다. span 태그 안에 값을 slide value로 바꾼다. pause에서 play를 누른경우 slider가 멈춘다. slide value가 100일 때 interval을 초기화 한다. slider value 값을 0으.. 이전 1 다음