JSFiddle - React, Tailwind, and code Playground

by sidonaldson

HTML

<form id="form">
  <input id="input" type="text" value="0.01" />
  <input type="submit" />
</form>
<p id="output">

</p>

JavaScript

var output = document.getElementById('output');
var input = document.getElementById('input');

function convertToPounds(str) {	
	var n = Number.parseFloat(str);
  if(!str || isNaN(n) || n < 0) return 0;
  return n.toFixed(2);
}

document.getElementById('form').addEventListener('submit', function(event) {
  event.preventDefault();
  output.innerHTML = convertToPounds(input.value);
})