반응형 게임3 자바스크립트 게임 이펙트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. 자바스크립트 게임 이펙트01 자바스크립트 게임 이펙트01 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 WEBS GAME WORLD 2023년 4월 24일 09시 30분 15초 뮤직 뮤직 뮤직 뮤직 현재 뮤직듣기를 클릭했습니다. 구성 header 태그를 사용해서 제목과 목록을 태그를 사용해 각각 만들어줍니다. main 태그를 사용해서 구역 안에 div 태그를 사용해서 각각 알맞는 구성의 이미지와 태그를 입력해줍니다. footer 태그를 사용해서 현재 정보를 입력해줄 태그를 사용해줍니다. CSS CSS1 참고(https://github.com/dongjin6539/web2023/blob/main/javascript/game/css/reset.. 2023. 4. 24. 이전 1 다음 반응형
