JSFiddle - React, Tailwind, and code Playground

by velo_ninja

JavaScript

$w.onReady(()=> {let calculatedResult;

	$w(“#dataset1”).onReady(()=>{
  	$w(“#totalCost1, #totalCost2, #totalCost3, #totalCost4, #totalCost5”).onInput(() => {
      calculatedResult = calculateSum(); console.log('Calculated-Result: ', calculatedResult);
      $w("#subTraining").value = sum.toString();
    });  
  });
  
  
  
  $w(“#dataset1”).onAfterSave(()=>{
  
  });
  
  $w(“#dataset1”).onBeforeSave(()=>{
  
  });
  
});

function calculateSum() {console.log('CALCULATION RUNNING...');
  // Get the values from the number input fields and convert them to numbers
  const value1 = parseFloat($w(“#totalCost1”).value) || 0;
  const value2 = parseFloat($w(“#totalCost2”).value) || 0;
  const value3 = parseFloat($w(“#totalCost3”).value) || 0;
  const value4 = parseFloat($w(“#totalCost4”).value) || 0;
  const value5 = parseFloat($w(“#totalCost5”).value) || 0;
  // Calculate the sum of the values
  const sum = value1 + value2 + value3 + value4 + value5;
  return sum;  
}