document.getElementById("submit").onclick = function () {
document.getElementById("table").style.display = "block";
var table = document.getElementById("table");
var row = table.insertRow(-1);
var date = row.insertCell(0);
var desc = row.insertCell(1);
var amt = row.insertCell(2);
date.innerHTML = document.getElementById("date").value;
desc.innerHTML = document.getElementById("desc").value;
amt.innerHTML = document.getElementById("amount").value;
return false;
}Run Code Online (Sandbox Code Playgroud)
table {
display: none;
}Run Code Online (Sandbox Code Playgroud)
<h1>Expense Tracker</h1>
<form action="">
<label id="date">Date: </label>
<input type="date" id="date">
<br>
<label id="desc">Description: </label>
<input type="text" id="desc">
<br>
<label id="amount">Amount: </label>
<input type="text" id="amount">
<br>
<input type="button" id="submit" value="Submit">
<br>
</form>
<table id="table">
<tr>
<th>Date</th> …Run Code Online (Sandbox Code Playgroud)