JSFiddle - React, Tailwind, and code Playground

by Deron

HTML

<title>Visions Price Calculator</title>
<script lang="javascript/text">
    function add() {
        a = Number(document.calculator.number1.value);
        b = Number(document.calculator.number2.value);
        c = a+b;
     

        document.calculator.total.value = Math.round(c);
    }
</script>
<!-- Opening a HTML Form. -->
<div id="midright">
<form name="calculator">
    <!-- Here user will enter 1st number. -->
    <input type="number" name="number1" ><br />
    <!-- Here user will enter 2nd number. -->
    <input type="number" name="number2" m><br />
    <!-- Here result will be displayed. -->
        <input type="button" value="Get Price" onclick="javascript:add();"><br />
        <input type="image"   src="http://us.cdn2.123rf.com/168nwm/sqback/sqback0904/sqback090400053/4618216-black-button-isolated-on-white.jpg" onclick="javascript:add();"><br />
    <input type="text" name="total"><br />
    <!-- click to get offer price. -->
    
</form>
        </div>