K-J-HYEON / shopping_list

jay's shopping_list

shopping_list를 구현해보았다.(스스로도 만들어보자.)

만든시간

21/7/14 2시간 30분정도

skills

HTML, CSS, JavaScript

스크린샷

화면 구성

실패(button부분과 input 위치가 이상하다.)

성공

수정 & 보완

1. .footer부분에서 height 48px, padding 8px, font-size 24px를 지정안해줘도 되는걸 넣어서 실패한 부분이 나왔다.
2. 그리고 JS에서 const item = createItem(text); createItem()에 text를 안넣었더니 입력값 마다 undefined가 나왔다.

main__renew에는

itemRow.setAttribute('data-id', id);

item_rowtemRow.innerHTML = `

${text}

`;

id++;

items.addEventListener('click', event => {

const id = event.target.dataset.id;

if (id) {

const toBeDeleted = document.querySelector(.item__row[data-id="${id}"]);

toBeDeleted.remove();

}

});

이렇게 구현을 해주었다.