Leaderboard

The highlighted </div> tags have no corresponding <div> tags... When the page is run, the browser adds five </div> tags at the end to close off unclosed div elements... In addition, your table markup is inconsistent, with some rows having three columns and others only having two.

Your HTML markup contains many mis-matched <Div..</DIV> tags. Your JQuery is wrong. For example, this doesn't work - addItem() is not called. const addOrderBtn = $('#add-order-btn'); addOrderBtn.click(function (e) { e.preventDefault(); addItem(); }); It needs to be const addOrderBtn = $('#add-order-btn'); $(addOrderBtn).click(function (e) { // note the $(addOrderBtn) e.preventDefault(); addItem(); }); Use your browser's developer tools to debug your JS code