Posts

Showing posts with the label JavaScript

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

Objects, Dot and Bracket notation in JavaScript

Image
By McDonald, T.   | Date 14th of August 2020 If you want to be a coder, you will need to know about objects and how to interact with them. Have you been watching teach yourself videos and reading teach yourself blogs? Are you feeling a little bit lost with the jargon? I will show you that the jargon around objects in JavaScript is not as confusing as it first sounds. What is an object? An object can be thought of as a thing that can be represented in the real world such as a car or a shop. The car has attributes sometimes called properties, for example colour or model, and protocols sometimes called methods such as peddles or stirring wheel. The attributes describe the characteristic of the car while the protocols are how to interact with the car. You can have many objects and they can all have a different state. First let’s look at the structure of the object. Object creation: objectName = {}; The above creates an empty object. objectName = { objProperty_1 : “va