아라의 WWW

오늘은 뮤직 리스트 부분을 추가하였습니다. 수정한 부분 const musicRepeat = musicWrap.querySelector("#control-repeat"); const musicListBtn = musicWrap.querySelector("#control-list"); const musicList = musicWrap.querySelector(".music__list"); const musicListUl = musicWrap.querySelector(".music__list ul"); const musicListClose = musicWrap.querySelector(".music__list h3 .close"); // 이전곡 듣기 const prevMusic = () => { musicIn..

오늘은 재생바와 컨트롤 버튼을 활성화 하였습니다. 재생버튼, 일시정지 버튼 이전곡 버튼 다음곡버튼으로 곡재생을 하였고 기본적으로 전체 재생을 주었으므로 마지막 곡이 재생되면 다시 돌아가 곡이 재생됩니다. 마지막으로 뮤직 재생바라 활성화 되면서 재생바의 위치에 따라 곡의 위치와 곡의 진행도를 알 수 있습니다. // 재생 버튼 const playMusic = () =>{ musicWrap.classList.add("paused"); musicPlay.setAttribute("title","정지"); musicPlay.setAttribute("class","stop"); musicAudio.play(); } // 일시정지 버튼 const pauseMusic = () =>{ musicWrap.classList...

html ARARA GAME WORLD 2023년 04월 24이 09시 30분 뮤직 듣기 뮤직 듣기 뮤직 듣기 뮤직 듣기 roading... : 마우스 커서를 나타내는 요소입니다. img 태그를 포함하고 있어 이미지를 표시하고 있습니다. : 웹 페이지의 헤더를 나타내는 요소입니다. h1 태그를 포함하고 있어 제목을 표시하고 있습니다. 또한 현재 시간을 나타내는 div 요소도 포함하고 있습니다. : 웹 페이지의 주요 콘텐츠를 나타내는 요소입니다. icon_box 클래스를 가진 div 요소를 포함하고 있습니다. : 아이콘 박스를 나타내는 요소입니다. icon1~icon4 클래스를 가진 div 요소를 포함하고 있으며, 각각의 아이콘과 텍스트를 표시하고 있습니다. : 웹 페이지의 푸터를 나타내는 요소입니다. d..