쇼핑 목록 정리

소개

항목 추가

항목 이름, 범주 및 가격을 입력하여 쇼핑 목록을 작성하십시오.

범주

이름, 유제품, 베이커리, 정육, 저장고

지출 추적

쇼핑 목록의 총 지출을 자동으로 계산하고 표시합니다

목록 관리

필요에 따라 항목을 목록에서 제거합니다

클립보드 복사

전체 목록을 기기의 클립보드로 쉽게 복사합니다

인쇄 기능

확장된 가독성으로 쇼핑 목록을 인쇄합니다.

참조

쇼핑 목록은 효율적인 쇼핑에 필수적인 도구로, 구매를 정리하고 충동적인 구매를 방지하여 시간과 비용을 절약하는 데 도움이 됩니다. 필요에 따라만 구입하며 음식물물기 낭비를 줄이는 데 도움이 될 수 있으며 식단 계획에도 기여할 수 있습니다. 디지털 쇼핑 목록 정리는 기존 종이 목록에 비해 편집이 용이하며 범주화 및 지출 추적 기능을 제공하는 다양한 이점을 제공합니다.

계산

총 지출 계산은 목록의 모든 항목의 가격을 합산하여 수행됩니다. JavaScript 코드는 reduce() 메서드를 사용하여 groceryItems 배열을 반복하고 각 항목의 가격을 더해줍니다.

total = groceryItems.reduce((sum, item) => sum + item.price, 0);

이 총액은 then 코울 소숫점 두 자리까지 표시될 줍니다.

totalExpenses.textContent = `$${total.toFixed(2)}`;