IT 238 -- Midterm Review Guide

To Exam Info

IT 238 -- D2L Multiple Choice Midterm Exam Review Guide

Last revised May 4, 2025, 2:00 pm

Exam Format for D2L Midterm

20 multiple choice questions, 4 answer choices each
Only one attempt is allowed
120 minute time limit
Exam opens on Friday, May 9; closes on Monday, Feb 12.
Exam cannot be taken late.
Do not refresh your browser which taking the exam. This will cancel your attempt to take the exam.

Study

Review Exercises
Practice Quizzes
Examples
Projects 0, 1a, 1b, and 2a

HTML/CSS/JavaScript Items and Other Definitions

HTML Elements:

<html> <body> <head> <meta> <title> <link> <script> 
<h1> <h2> <p> <ul> <ol> <li> <table> <tr> <th> <td>
<input> <label> <button> <textarea> <span> <option> 
<img> <a>

HTML Attributes:

alt  href  id  lang  rel  src  style  type  value

CSS Styles:

color  background-color  test-align  font-family  
font-size  font-weight  font-style  width  height

CSS Shorthand Styles:
```
font  border  margin  padding 
```

Hex Color Codes:

red  lime  blue  yellow  aqua  magenta
maroon  green  navy  olive  teal  purple
white  black  gray  silver

JavaScript Keywords:

else  false  for  function  if  new
return  this  true  typeof  var  while

Datatypes:

boolean  null  number  object  string  undefined

Number Datatype Maximum Value:

document.writeln(Number.MAX_VALUE);
// Output: 1.7976931348623157e+308

Special number Values
```
Infinity  -Infinity  NaN
```
Special String Value
```
""  (Null String)
```
boolean Values
```
false  true
```

Operators:

Arithmetic: +  -  *  /  **  %
Comparison: ==  ===  <  <=  >  >=  !=  !==
Logical:    &&  ||
Assignment: =  +=  -=  *=  /=  **=  %=
Miscellaneous:  .  [ ]  ( )  { }  typeof  new

Control Structures:

if if..else if..else while loop traditional for loop modern for loop

Functions:
Named functions, parameters, arguments, anonymous functions,
functions in arrow notation. JavaScript uses the fat arrow: =>
Built In Functions:
```
isFinite  isNaN  parseFloat  parseInt
```

Conversion Methods:

Convert value to String object: 
    v.toString( )  or  String(v) or
    v + ""    or      `${v}`
Convert string value s to double or float,
    parseFloat(s) or  parseInt(s)

Array Property:
```
length
```

Array Methods:

pop  push  shift  slice  splice  toString  unshift

String Property:
```
length
```

String Methods:

charAt  endsWith  includes  indexOf  lastIndexOf  
repeat  startsWith  substr  substring  toLowerCase
toUpperCase  trim

Math Class Methods:
```
abs  ceil  floor  random  round
```
Object Literals:
object literals (methods, property, value, toString method)
DOM Object Creation Method:
```
document.getElementById
```
JavaScript DOM Object Properties:
```
innerHTML  src  style  value
```
HTML/JavaScript Events
```
click  load
```

Add Event Listener to HTML element:

Let obj be the object that represents the HTML element.
Let f be the event listener to attach.
Two ways to attach f to obj:
    obj.addEventListener("click", f);
    obj.onclick = f;
or 
    obj.addEventListener("load", f);
    obj.onload = f;

JSON (JavaScript Object Notation)

JSON methods:  JSON.stringify  JSON.parse

Example array of object literals:
var kidsArray = [ {name: "Alice", age: 11},
                  {name: "Bob", age: 9} ];

var kids = `[{"name":"Alice","age":11},
             {"name":"Bob","age":9}]`;

JavaScript Class

Properties, methods, constructor, toString method
this keyword
Use the new operator to invoke a constructor to create a new object k from a class:
```
var k = new Kid("Alice", "F", 11);
```
The toString method is called automatically to print the object k:
```
document.writeln(k);
```

Other JavaScript Methods and Concepts

JavaScript output (document.write, console.log, alert, HTML element value or innerHTML), expression interpolation (`${x}`)