diff --git a/src/index.ts b/src/index.ts
index 9d5e8de..9b017c8 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -367,6 +367,10 @@ const setupEventListeners = () => {
     }
   });
 
+  getInputById('gramAmount').addEventListener('change', () => {
+    previewCalories();
+  });
+
   getButtonById('add-food-btn').addEventListener('click', () => {
     if (getButtonById('add-food-btn').innerHTML === 'Add Food') {
       addFood();