calc input field
by aaronk85
HTML
<input style="width: 35px;" type="text" pattern="[0-9]*" name="awayscore" id="awayscore" value="0">
<input style="width: 35px;" type="text" pattern="[0-9]*" name="awaybreak" id="awaybreak" value="0">
<input style="width: 35px;" type="text" pattern="[0-9]*" name="homescore" id="homescore" value="0">
<input style="width: 35px;" type="text" pattern="[0-9]*" name="spreadid" id="spreadid" value="-3">
<input type='text' name='total' id='total' value='0' />
<input type='text' name='spread' id='spread' value='0' />
<input style="width: 110px;" type="text" name="matchdate" id="matchdate" value="2014-02-11">
<input style="width: 110px;" type="text" name="lastmatchaway" id="lastmatchaway" value="2014-02-05">
JavaScript
$('#awayscore, #homescore').on('input',function() {
var awayscore = parseInt($('#awayscore').val());
var homescore = parseInt($('#homescore').val());
var spreadid = parseInt($('#spreadid').val());
var lastmatchaway = $('#lastmatchaway').val();
var matchdate = $('#matchdate').val();
if(awayscore > homescore) {
$('#total').val((1));
}
else if (awayscore < homescore) {
$('#total').val((2));
}
else {
$('#total').val((0));
}
if(awayscore > (homescore + spreadid) ) {
$('#spread').val((1));
}
else if (awayscore < (homescore + spreadid)) {
$('#spread').val((2));
}
else {
$('#spread').val((0));
}
var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds
var firstDate = lastmatchaway;
var firstDateFormatted = firstDate.replace("-", ",");
firstDate = new Date(firstDateFormatted);
var secondDate = matchdate;
var secondDateFormatted = secondDate.replace("-", ",");
secondDate = new Date(secondDateFormatted);
var diffDays = Math.round(Math.abs((firstDate.getTime() - secondDate.getTime())/(oneDay)));
$('#awaybreak').val((diffDays));
});