[실습] 장보기체크리스트만들기

쇼핑을 할 때 체크리스트를 종종 가져가 잊지않고 사올 수 있도록 한다. 

이런 경험을 바탕으로 장보기 체크리스트 페이지를 작성해보았다. 

글씨체는 완도희망체B이다.

 

쇼핑체크리스트

 

개발언어 

javascript와 SCSS, HTML5

 

특징

어플같은 느낌을 주는 화면크기를 설정하였다.  

전체 아이템수와 구매수, 남은 아이템수를 설정하였다. 

plus키를 활용해 추가를 할 수 있고 

쓰레기통 버튼은 아이템을 삭제할 수 있다. 

체크박스를 통해 산 물건을 체크할 수 있으며, 

체크된 박스를 다시 체크하면 체크가 풀린다. 

마지막으로 clear를 하면 모든 내용을 초기화해준다.

 

https://amy4229.github.io/shoppingPlan/

ShoppingPlan

소스코드 

https://github.com/amy4229/shoppingPlan

GitHub - amy4229/shoppingPlan: shpping plan check list using javascript, scss, html5