StackOverflow 62645169

by haba713

HTML

<html>
<body>
<form class="miles_form">
    <label for="date">Date:</label>
    <input type="date" id="date_miles" name="date_miles">

    <label>Enter Current Mileage:</label>
    <input name="mileage" type="number" id="miles">
  
    <input type="button" id="add-mileage" value="Add Mileage">

</form>

<table id="mile_book">
    <tr>
        <th>Date</th>
        <th>Mileage</th>
    </tr>
</table>
</body>
</html>

JavaScript

var mileSubmit = document.getElementById("add-mileage");

mileSubmit.addEventListener("click", function () {
	alert('bla');
  var date = document.getElementById("date_miles").value;
  var mileage = document.getElementById("miles").value;
  console.log(date, mileage);
 	var tdDate = document.createElement("td");
  td.textContent = date;
  var tdMileage = document.createElement("td");
  td.textContent = mileage;
  var tr = document.createElement("tr");
  tr.appendChild(tdDate);
  tr.appendChild(tdMileage);  
  document.getElementById("mile_book").appendChild(tr);
});