JSFiddle - React, Tailwind, and code Playground

by DinoMyte

HTML

<div class="row">
                <div class="col-md-12">

                        <form>
                          <div class="form-group">
                            <label>Miles Driven Per Year</label>
                            <input type="text" class="form-control" id="mpy">
                          </div>
                          <div class="form-group">
                            <label>MPG</label>
                            <input type="text" class="form-control" id="mpg">
                          </div>
                           <p>Gallons Used: <span id="used"></span</p>
                          <div class="form-group">

                          </div>


              <button id="submit" type="submit" class="btn btn-default">Submit</button>

JavaScript

$('#submit').click(function(e){  
    var mpy = parseInt($('#mpy').val(), 10);
var mpg = parseInt($('#mpg').val(), 10);
var gallonsUsed = mpy/mpg;
    $('#used').text(gallonsUsed);
    e.preventDefault();
});