Posts

Showing posts from September, 2020

Dynamic Tables in JavaScript

Image
  Problem I need a table that will expand and decrease in size as new items are added and or deleted. Restaurants Must be in JavaScript Solution HTML You will need to make a place holder in the html file using the table tags and give it an id <table id="myTable"></table> JavaScript Creating a button var btn = document.createElement("INPUT"); btn.setAttribute("type", "button"); btn.setAttribute("value", "x"); btn.setAttribute("onclick", "aFunction(this)"); Remember you will have to navigate using dot notation to where the aFunction(this) is if it is contained within an object or accessed by going through an object. Creating the table var table = document.getElementById("myTable"); var row = table.insertRow(-1); // -1 will add new rows to the bottom. var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var