Calc Average

Calculate the average from distance and hh:mm:ss

by akmiecik

HTML

<form method="POST" id="myForm" action="" autocomplete="off" name="myform">
<div id="row_1">
<label for="date_today" class="go_left"><span>Ride date:</span>	
<input type="date" id="date_today" name="date_today" value="" >
</label><div  id="distance_box"><label><span>Miles:</span>
<input pattern="[0-9]*"  inputmode="decimal" type="number" id="distance" step=".01" name="distance" onblur="calc()">
</label>
</div>
<div id="row_2">
<label id="time" class="go_left"><span>Time:</span>
<select type="number" id="hours" name="hours" onchange="calc()">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
</select><span class="colon">:</span><select pattern="[0-9]*" type="number" id="minutes" name="minutes"...

JavaScript

calc = function(){	
var calc = document.getElementById("average");
	
var miles = document.getElementById("distance").value;
var hour = document.getElementById("hours").value/1;
var min = (document.getElementById("minutes").value)/60;
var sec = document.getElementById("seconds").value/3600;

var time = (min+sec)+hour;

var average = miles/time;
document.getElementById('timetotal').value = time;
document.getElementById('average').value = (Math.round(average * 100) / 100).toFixed(2);

}