강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Hanky님의 프로필 이미지
Hanky

작성한 질문수

인스타그램 클론 - full stack 웹 개발

add, remove, toggle

Click 해도 하트버튼이 눌려지지 않는데 왜 그런건지 여쭤보고 싶습니다.ㅠ

작성

·

324

0

클릭해도 하트버튼이 눌려져서 빨간색으로 변형되지 않습니다.. 도와주세요 ㅠㅠ

// this file is 'main.js'

const heart = document.querySelector(selectors: '.heart_btn');

heart.addEventListener(type:'click', listener:function(){

    heart.classList.toggle('on');
});

답변 1

0

범쌤님의 프로필 이미지
범쌤
지식공유자

안녕하세요 hanky님 kindtiger입니다 :)

보내주신 파일을 확인한결과 css에서 이미지에대한 경로설정이 제대로 되지않아 생긴 문제점으로 확인됩니다.

style.css 329번째줄에 정의된

.sprite_heart_icon_outline.on {

    background: url('/imgs/background01.png') no-repeat -26px -261px;

}

부분을 

.sprite_heart_icon_outline.on {

    background: url('../imgs/background01.png') no-repeat -26px -261px;

}

로 변경해주세요 이미지앞에 ..두개를 붙여주셔야 상위폴더로 올라가는 뜻이 됩니다 ~

감사합니다:)

Hanky님의 프로필 이미지
Hanky

작성한 질문수

질문하기