JSFiddle - React, Tailwind, and code Playground

by velo_ninja

HTML

<input id="field1" type="text" placeholder="Enter value for field 1">
<input id="field2" type="text" placeholder="Enter value for field 2">

<button onclick="calculateAmount()">Calculate</button>

<div id="result"></div>

JavaScript

function calculateAmount() {
  var field1Value = document.getElementById('field1').value; console.log(typeof field1Value);
  var field2Value = document.getElementById('field2').value; console.log(typeof field2Value);
  var amount1 = parseFloat(field1Value) || 0;
  var amount2 = parseFloat(field2Value) || 0;
  var totalAmount = amount1 + amount2;

  // Display the result
  document.getElementById('result').innerText = 'Total Amount: ' + totalAmount;
}