From 1d633cd55ca5907a06eb20f6d6a3ebd3b0663ee5 Mon Sep 17 00:00:00 2001
From: Liam Swayne <liamtswayne@gmail.com>
Date: Fri, 15 Mar 2024 21:18:19 -0400
Subject: [PATCH] complete refactor

---
 site/script.js | 76 +++++++++++++++-----------------------------------
 1 file changed, 22 insertions(+), 54 deletions(-)

diff --git a/site/script.js b/site/script.js
index ed536ee..20dfc5e 100644
--- a/site/script.js
+++ b/site/script.js
@@ -1,26 +1,18 @@
 const sliderScalar = 1.01157945426;
 
-// Function to toggle organization slider
+// Toggle organization slider
 function toggleOrganization(organizationId) {
     const checkbox = document.getElementById(organizationId + 'Checkbox');
     const slider = document.getElementById(organizationId);
-    slider.disabled = !checkbox.checked;
+    const isChecked = checkbox.checked;
+    slider.disabled = !isChecked;
 
-    if (checkbox.checked) {
-        // Enable the slider when the checkbox is checked
-        slider.value = 0; // Reset the slider value
-        updateOrganizationQuantity(organizationId, organizationId + 'Output');
-    } else {
-        // Disable the slider and update quantity when the checkbox is unchecked
-        slider.value = 0;
-        updateOrganizationQuantity(organizationId, organizationId + 'Output');
-    }
-
-    // Recalculate results
+    slider.value = 0; // Reset slider value
+    updateOrganizationQuantity(organizationId, organizationId + 'Output');
     calculateResults();
 }
 
-// Function to update organization quantity output
+// Update organization quantity output
 function updateOrganizationQuantity(sliderId, outputId) {
     const slider = document.getElementById(sliderId);
     const output = document.getElementById(outputId);
@@ -29,76 +21,59 @@ function updateOrganizationQuantity(sliderId, outputId) {
     calculateResults();
 }
 
-// Function to calculate and update results
+// Calculate and update results
 function calculateResults() {
     const co2Input = parseFloat(document.getElementById('co2Input').value) || 0;
     let totalCO2Reduction = 0;
     let totalPrice = 0;
 
-    // Loop through each organization
     for (let i = 1; i <= 3; i++) {
         const organizationId = 'organization' + i;
-
-        // Get organization quantity
         const organizationQuantity = parseInt(document.getElementById(organizationId + 'Output').textContent.split(" ")[0]) || 0;
-
-        // Get CO2 absorption rate and price from getPricePerOrganization function
         const organizationCO2Absorption = i * 5; // Replace with actual CO2 absorption rate
         const organizationPrice = getPricePerOrganization(organizationId);
 
-        // Update total CO2 reduction and price
         totalCO2Reduction += organizationQuantity * organizationCO2Absorption;
         totalPrice += organizationQuantity * organizationPrice;
     }
 
-    // Update results
     const resultCO2 = document.getElementById('resultCO2');
     const totalPriceOutput = document.getElementById('totalPrice');
     resultCO2.textContent = `${co2Input - totalCO2Reduction} tons`;
     totalPriceOutput.textContent = `$${totalPrice}`;
 }
 
-// Event listeners for organization sliders
-document.getElementById('organization1').addEventListener('input', function () {
-    updateOrganizationQuantity('organization1', 'organization1Output');
-});
-
-document.getElementById('organization2').addEventListener('input', function () {
-    updateOrganizationQuantity('organization2', 'organization2Output');
-});
-
-document.getElementById('organization3').addEventListener('input', function () {
-    updateOrganizationQuantity('organization3', 'organization3Output');
-});
+// Event listener for organization sliders
+for (let i = 1; i <= 3; i++) {
+    const organizationId = 'organization' + i;
+    document.getElementById(organizationId).addEventListener('input', function () {
+        updateOrganizationQuantity(organizationId, organizationId + 'Output');
+    });
+}
 
 // Event listener for CO2 input
-document.getElementById('co2Input').addEventListener('input', function () {
-    calculateResults();
-});
+document.getElementById('co2Input').addEventListener('input', calculateResults);
 
 // Event listener for number of trees input
 document.getElementById('numberOfTreesInput').addEventListener('input', function () {
     const numberOfTreesInputValue = parseFloat(this.value) || 0;
-
-    // Enable at least one organization if none are checked
     const checkedOrganizations = ['organization1Checkbox', 'organization2Checkbox', 'organization3Checkbox'].filter(id => document.getElementById(id).checked);
+
     if (checkedOrganizations.length === 0) {
         document.getElementById('organization1Checkbox').checked = true;
         toggleOrganization('organization1');
     }
 
-    // Scale up the checked organizations
     checkedOrganizations.forEach(organizationId => {
         const sliderId = organizationId.replace('Checkbox', '');
         document.getElementById(sliderId).value = Math.log((numberOfTreesInputValue + 1) / checkedOrganizations.length) / Math.log(sliderScalar);
         updateOrganizationQuantity(sliderId, sliderId + 'Output');
     });
 
-    // Recalculate results
     calculateResults();
 });
 
-// Function to update organization quantity based on budget
+// Update organization quantity based on budget
 function updateOrganizationQuantityFromBudget(sliderId, outputId) {
     const slider = document.getElementById(sliderId);
     const output = document.getElementById(outputId);
@@ -110,28 +85,22 @@ function updateOrganizationQuantityFromBudget(sliderId, outputId) {
 // Event listener for budget input
 document.getElementById('budgetInput').addEventListener('input', function () {
     const budgetInputValue = parseFloat(this.value) || 0;
-
-    // Enable at least one organization if none are checked
     const checkedOrganizations = ['organization1Checkbox', 'organization2Checkbox', 'organization3Checkbox'].filter(id => document.getElementById(id).checked);
+
     if (checkedOrganizations.length === 0) {
         document.getElementById('organization1Checkbox').checked = true;
         toggleOrganization('organization1');
     }
 
-    // Calculate the adjusted number of organizations based on budget
     checkedOrganizations.forEach(organizationId => {
         const sliderId = organizationId.replace('Checkbox', '');
-        const pricePerOrganization = getPricePerOrganization(sliderId); // Define this function to get the price per organization
-
-        // Adjusted organization quantity based on budget and price per organization and number of organization types enabled
+        const pricePerOrganization = getPricePerOrganization(sliderId);
         const adjustedOrganizationQuantity = Math.floor(budgetInputValue / pricePerOrganization) / checkedOrganizations.length;
 
-        // Update the slider and organization quantity output
         document.getElementById(sliderId).value = Math.log(adjustedOrganizationQuantity + 1) / Math.log(sliderScalar);
         updateOrganizationQuantity(sliderId, sliderId + 'Output');
     });
 
-    // Recalculate results
     calculateResults();
 });
 
@@ -139,15 +108,14 @@ document.getElementById('budgetInput').addEventListener('input', function () {
 function getPricePerOrganization(organizationId) {
     switch (organizationId) {
         case 'organization1':
-            return 1; // Donation to National Forest Foundation
         case 'organization2':
-            return 1; // Donation to #TeamTrees
         case 'organization3':
-            return 1; // Donation to One Tree Planted
+            return 1; // Assume all organizations have the same price
         default:
             console.error(`Unknown organizationId: ${organizationId}`);
+            return 0;
     }
 }
 
 // Initial calculations
-calculateResults();
\ No newline at end of file
+calculateResults();