반응형 음악2 자바스크립트 게임 이펙트01 : 음악 효과(2) 자바스크립트 게임 이펙트01 : 음악 효과(2) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 반복(한곡 반복, 랜덤 반복, 전체 반복), 뮤직 리스트에 대한 자바스크립트를 추가했습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2 / MUSIC.CSS / JS) / 완성화면 반복(한곡 반복, 랜덤 반복, 전체 반복) JAVASCRIPT // 반복 버튼 클릭 musicRepeat.addEventListener("click", () => { let getAttr = musicRepeat.getAttribute("class"); switch(getAttr){ case "repeat" : musicRepeat.setAttribute("class", "repeat_one"); music.. 2023. 5. 5. 자바스크립트 게임 이펙트01 : 음악 효과 자바스크립트 게임 이펙트01 : 음악 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2 / MUSIC.CSS / JS) / 완성화면 코드 블럭 Music Player 노래 제목 노래 작가 이름 0:00 3:55 구성 기존에 했던 블로그 참고해서 main 태그 구역 사이에 추가 시켰습니다. https://dongjin6539.tistory.com/90 CSS CSS1 참고(https://github.com/dongjin6539/web2023/blob/main/javascript/game/css/reset.css) CSS1에서는 코드를 작성하면 기본적인 태그들을 리셋시키는 스타일을 작성했습니다. CSS2 참고 (https://github.. 2023. 4. 27. 이전 1 다음 반응형
