Update script.js

script.js

@@ -12,10 +12,20 @@ const stateTaxRates = {
   "District of Columbia": 0.06
 };
 
+const taxExemptions = {
+  "grocery": ["Alabama", "Florida", "Texas", "California", "New York", "Pennsylvania"],
+  "clothing": ["Minnesota", "New Jersey", "Pennsylvania"],
+  "prescription": ["All"]
+};
+
+function isTaxExempt(state, itemType) {
+  if (itemType === "prescription") return true;
+  const exemptStates = taxExemptions[itemType] || [];
+  return exemptStates.includes(state);
+}
+
 window.onload = () => {
   const stateSelect = document.getElementById("state");
-
-  // Populate dropdown
   for (const state in stateTaxRates) {
     const option = document.createElement("option");
     option.value = state;
@@ -27,7 +37,7 @@ window.onload = () => {
   fetch("https://ipapi.co/json/")
     .then(response => response.json())
     .then(data => {
-      const userState = data.region; // Full state name
+      const userState = data.region;
       if (stateTaxRates[userState]) {
         stateSelect.value = userState;
       }
@@ -39,15 +49,22 @@ window.onload = () => {
 
 function calculateTax() {
   const state = document.getElementById("state").value;
+  const itemType = document.getElementById("itemType").value;
   const price = parseFloat(document.getElementById("price").value);
   const resultDiv = document.getElementById("result");
 
-  if (!state || isNaN(price)) {
-    resultDiv.textContent = "Please select a state and enter a valid price.";
+  if (!state || !itemType || isNaN(price)) {
+    resultDiv.textContent = "Please select a state, item type, and enter a valid price.";
     return;
   }
 
-  const taxRate = stateTaxRates[state];
-  const finalPrice = price * (1 + taxRate);
-  resultDiv.textContent = `Final price in ${state}: $${finalPrice.toFixed(2)}`;
+  let finalPrice;
+  if (isTaxExempt(state, itemType)) {
+    finalPrice = price;
+    resultDiv.textContent = `Final price in ${state} for ${itemType}: $${finalPrice.toFixed(2)} (Tax-Exempt)`;
+  } else {
+    const taxRate = stateTaxRates[state];
+    finalPrice = price * (1 + taxRate);
+    resultDiv.textContent = `Final price in ${state} for ${itemType}: $${finalPrice.toFixed(2)}`;
+  }
 }