Code 201: Class 07 - HTML Tables, JS Constructor Functions

---

Read: Domain Modeling Article

Domain Modeling conceptual model that describes the various entities, attributes, behaviors, and constraints

• When modeling single entity with many instances, create self-contained objects with same attributes and behaviors
• Model attributes with constructor function that defines an initializes properties
• Model its behaviors with small methods that focus on doing one job
• Store object in a variable so that it can be accessed from the outside
• this variable can access an object’s properties and methods from inside

Link to article

Read: HTML Text pp 126-145

Tables

• <table></table> element used to create a table, contents written out row by row
• <tr></tr> table row, used to start each row
• <td></td> table data, field cells
• <th></th> table heading, top of each column but used just like <td>
• <td colspan="2"> cell that spans two columns
• <td rowspan="2"> row that spans two columns
• <thead></thead> Table headings
• <tbody></tbody> Table body
• <tfoot></tfoot> Table foot

Read: JS Text pp 106-144

Constructor Notation

var hotel = new Object();

hotel.nam = 'Quay';
hotel.rooms = 40;
hotel.booked = 25;
hotel.checkAvailability = function () {
  return this.rooms - this.booked;
};

• new Object(); creates a new object

Browser Object Model - many methods shown on pg 124

Document Object Model (The DOM)

The Document Object

• document.title Title of the current document
• document.lastModified Date of last modification
• document.URL Returns string containing URL of current document
• document.domain Returns domain of current document

String Objects

• var saying = 'Home sweet home ';
  • saying.length; 16, returns length of string
  • saying.toUpperCase(); HOME SWEET HOME, changes string characters to upper case
  • saying.toLowerCase(); home sweet home, changes string characters to lower case
  • saying.charAt(12); o, returns that character at a given index location
  • saying.indexOf('ee'); 7, returns the first index position of the first time a character or set of characters is found in a string
  • saying.lastIndexOf('e'); 14, returns index location of last character matching request
  • saying.subString(8,14); et hom, returns characters between two index numbers, first index number included last is not
  • saying.split(' '); [‘Home’, ‘sweet’, ‘home’, ‘ ‘], splits teh string each time desired character is found
  • saying.trim(); Home sweet home, removes white space from beginning and end of a string
  • saying.replace('me','w'); How sweet home, finds first item in string matching first value and replaces with second value

Methods

• isNaN() checks fi the value is not a number
• toFixed(#desired) rounds to specified number of decimal places (returns a string)
• toPrecision(#desired) rounds to total number of places (returns a string)
• toExponential() returns string representing number in exponential format
• Math.PI returns pi (3.14…)
• Math.round() rounds number to nearest integer
• Math.sqrt(n) returns square root of positive number
• Math.ceil() rounds number up to the nearest integer
• Math.floor() rounds number down to the nearest integer
• Math.random() generates a random number between 0 inclusive and 1 exclusive

pp 137 List of date() methods

---

Return to reading-notes Deployed Site

Return to reading-notes Mark Down