Notes

<script type="text/javascript">
$(document).ready(function () {
var rowIndex = 0;
// Add button
$("#addbutton").click(function () {
// Your existing code for adding rows...
var expType = $("#ExpType").val();
var orgName = $("#org").val();
var designation = $("#Designation").val();
var fromDate = $("#txtFromDate").val();
var toDate = $("#txtToDate").val();
var description = $("#Description").val();

if (expType && orgName && designation && fromDate && toDate && description) {
// Calculate duration
var fromdate = new Date(fromDate);
var todate = new Date(toDate);
var duration = Math.floor((todate - fromdate) / (1000 * 60 * 60 * 24 * 30));

if (duration < 36 || duration === '' || duration === undefined) {
//clear form field after adding
$("#ExpType").val("");
$("#org").val("");
$("#Designation").val("");
$("#txtFromDate").val("");
$("#txtToDate").val("");
$("#Description").val("");
alert("You must have Minimum 3 Years Experience in Ms Office and Database Software.");
return false;
}

var table = document.getElementById("experienceTable2");
table.style.display = "table";

// Append new row to the table with form field values
var newRow = "<tr data-index='" + rowIndex + "'>" +
"<td>" + expType + "</td>" +
"<td>" + orgName + "</td>" +
"<td>" + designation + "</td>" +
"<td>" + fromDate + "</td>" +
"<td>" + toDate + "</td>" +
"<td>" + description + "</td>" +
"<td>" + duration + "</td>" +
"<td><input type='button' class='btn arrow remove' value='Remove' id='Remove'></td>" +
"</tr>";

$("#experienceTable2").append(newRow);
rowIndex++;
//document.getElementById('lbltotalexp').innerHTML = duration;
// Clear form field after adding
$("#ExpType").val("");
$("#org").val("");
$("#Designation").val("");
$("#txtFromDate").val("");
$("#txtToDate").val("");
$("#Description").val("");
}

//// Store new row data in session storage
//sessionStorage.setItem("newRow_" + rowIndex, newRow);

//// Increment rowIndex and clear form fields
//rowIndex++;
//$("#ExpType").val("");
//$("#org").val("");
//$("#Designation").val("");
//$("#txtFromDate").val("");
//$("#txtToDate").val("");
//$("#Description").val("");
});

// Next button click event
$("#btnNextSubmit").click(function () {
debugger;
sessionStorage.setItem("rowIndex", rowIndex);
var rowIndex = sessionStorage.getItem("rowIndex");
for (var i = 0; i < rowIndex; i++) {
var storedRow = sessionStorage.getItem("newRow_" + i);
$("#experienceTable2").append(storedRow);
}
});

// Remove button click event
$("table").on("click", ".remove", function (e) {
// Your existing code for removing rows...
e.preventDefault();
var rowIndexToRemove = $(this).closest("tr").data("index");
$("table tr[data-index='" + rowIndexToRemove + "']").remove();
if (rowIndex == 0) {
var table = document.getElementById("experienceTable2");
table.style.display = "none";
}
});
});
</script>