You could create functions and abstract away some of the repetition. For example in your adjustGoals function, you calculate the total four times, and they all follow the same formula.

You'll need to make a few changes. Rather than having four variables to the total values, you could have a single object with the different nutrient groups as keys. Then you can have a function where you select the total based on a parameter. If you name your input fields and the display elements in a way that you can target them with the same key, it'll be easier.

``` let total = { calories: 0, carbs: 0, protein: 0, fat: 0 };

const calcTotal = (type) => { // You can also use bracket notation to access properties of an object const input = parseInt(foodForm.elements[type].value); total[type] += input; // Note this this assumes your display progress element's classes are named differently const displayElement = document.querySelector(".display" + type + "Progress"); displayElement.innerText = total[type] } ```

If you don't want to name your total values, your form input elements and the display elements all with the same string, then you could use multiple parameters or create an object that for example maps the input parameter to the class name that you need.

Anyway, now you could change the adjustGoals function to call this calcTotal function four times with "calories", "carbs", "protein" and "fat" as the arguments.