I’m working on a javascript question and need an explanation and answer to help me learn.
I have the following code looping through a nested table in the screenshot provided. My goal is to have it look through the months stopping at December. In other words, when I click add new row, it will add Jan, feb, march with each click and finally stop at December.
<a class=”btn btn-primary rounded-0 btn-block” id=”insertRow” href=”#”>Add new row</a>
<script>
$(function () {
// Start counting from the third row
var months = 1;
$(“#insertRow”).on(“click”, function (event) {
event.preventDefault();
var newRow = $(“<tr>”);
var cols = ”;
// Table columns
cols += ‘<th scrope=”row”>’ + months + ‘</th>’;
cols += ‘<td><input class=”form-control rounded-0″ type=”text” name=”firstname” placeholder=”First name”></td>’;
cols += ‘<td><button class=”btn btn-danger rounded-0″ id =”deleteRow”><i class=”fa fa-trash”></i></button</td>’;
// Insert the columns inside a row
newRow.append(cols);
// Insert the row inside a table
$(“table”).append(newRow);
// Increase counter after each row insertion
counter++;
});
// Remove row when delete btn is clicked
$(“table”).on(“click”, “#deleteRow”, function (event) {
$(this).closest(“tr”).remove();
counter -= 1
});
});
</script>
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.
Read moreEach paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.
Read moreThanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.
Read moreYour email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.
Read moreBy sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.
Read more
Recent Comments