rmcampos/calories-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve food preview panel

Browse Source
This commit is contained in:
Ricardo Campos
2025-06-12 11:02:03 -03:00
parent 15fec548d5
commit 42a8081836
4 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.ts
+6 -8
View File
@@ -54,14 +54,12 @@ const previewCalories = () => {
const foodData: FoodItem = getFoodItemByName(foodSelect.value);
const proportion = getFoodProportion(grams, foodData);
const textArray: string[] = [];
textArray.push(`Calories in ${grams}g: ${proportion.info.calories}; `);
textArray.push(`Protein: ${proportion.info.protein}g; `);
textArray.push(`Fat: ${proportion.info.fat}g; `);
textArray.push(`Carbohydrates: ${proportion.info.carbs}g; `);
textArray.push(`Fiber: ${proportion.info.fiber}g;`);
getDivById('calorieValuePreview').textContent = proportion.info.calories.toString();
getDivById('proteinValuePreview').textContent = (Math.round(proportion.info.protein * 10) / 10).toString ();
getDivById('fatValuePreview').textContent = (Math.round(proportion.info.fat * 10) / 10).toString ();
getDivById('carboValuePreview').textContent = (Math.round(proportion.info.carbs * 10) / 10).toString ();
getDivById('fiberValuePreview').textContent = (Math.round(proportion.info.fiber * 10) / 10).toString ();
getDivById('food-preview').innerHTML = textArray.join('');
showFoodPreview(true);
}
@@ -70,7 +68,7 @@ const addEvents = () => {
previewCalories();
});
getInputById('gramAmount')?.addEventListener('change', () => {
getInputById('gramAmount').addEventListener('change', () => {
previewCalories();
});