Javascript

Syntax of the Javascript programming language

Variables

const FirstName = "Tutorial"
const LastName = "Doctor"
const BirthYear = 1985
const Height = 6.3
const EmailAddress = "td@gmail.com"
const IsAlive = true

apple = { 
  color: "red", 
  shape: "round", 
  weight: .33, 
  texture: "smooth"
}

orange = { 
  color: "orange",
  shape: "round",
  weight: .44, 
  texture: "bumpy"
}

Statements

console.log("Hello There!");
alert("Hello");
confirm("Are you sure?");

Try Catch

try {
  console.log(x)
} catch (exceptionVar) {
  console.log("An error occurred")
  console.log(exceptionVar)
} finally {
  console.log("Checks complete")
}

Conditional Statements

Functions

function add(number1,number2){
    return number1 + number2
}
console.log(add(2,3))

Loops

Classes

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age() {
    const date = new Date();
    return date.getFullYear() - this.year;
  }
}

const myCar = new Car("Ford", 2014);
const myCar2 = new Car("Audi", 2019);

document.getElementById("demo").innerHTML =
"My car is " + myCar.age() + " years old.";

Full Example

An example of all things.

Code Example

// Variables - containers for data
var Firstname = "Ky'Lei"
var LastName = "Burns"
var BirthYear = 2011
var Height = 4.5
var EmailAddress = "kyleb@gmail.com"
var IsAlive = true

// Statements - instructions
console.log(Firstname);
console.log(LastName);
console.log(BirthYear);
console.log(Height);
console.log(EmailAddress);
console.log(IsAlive);

// Arithmetic
console.log(3 + 4)
console.log(3 - 4)
console.log(3 * 4)
console.log(3 / 4)

// Joining Strings
console.log(Firstname + " " + LastName)

// Interpolation
console.log(`${Firstname} ${LastName} ${EmailAddress}`)

// List
var groceryList = ['milk', 'eggs', 'cheese', 'bread'];
console.log(groceryList)
console.log(groceryList[0])

// Dictionary
var apple = {
    color: "red",
    shape: "round",
    weight: .33,
    texture: "smooth"
}
console.log(apple.weight)
console.log(apple.texture)
console.log(`The apple is ${apple.color} and it weighs ${apple.weight} and it is ${apple.texture}`)

// Conditional Statements - doing things in certain conditions
kamira_income = 4000
raphael_income = 5000
if (kamira_income > 4000) {
    console.log("You got that money honey")
} else if (kamira_income == 2500) {
    console.log("You got the right one")
} else {
    console.log("You a broke joke!")
}

// Loops (repeat)
// For (until a condition is met)
incomes = [5000, 4000, 2000, 1000]
total = 0

for (i = 0; i < incomes.length; i++) {
    total = total + incomes[i]
}

console.log(total)

// While (as long as a condition is met)
income = 0
while (income < 3000) {
    income = income + 100
    console.log(income)
}

// Functions (group statements together)
function doStuff() {
    var Firstname = "Ky'Lei"
    var LastName = "Burns"
    var BirthYear = 2011
    var Height = 4.5
    var EmailAddress = "kyleb@gmail.com"
    var IsAlive = true

    // Statements
    console.log(Firstname);
    console.log(LastName);
    console.log(BirthYear);
    console.log(Height);
    console.log(EmailAddress);
    console.log(IsAlive);

    // Arithmetic
    console.log(3 + 4)
    console.log(3 - 4)
    console.log(3 * 4)
    console.log(3 / 4)

    // Joining Strings
    console.log(Firstname + " " + LastName)

    // Interpolation
    console.log(`${Firstname} ${LastName} ${EmailAddress}`)

    // List
    var groceryList = ['milk', 'eggs', 'cheese', 'bread'];
    console.log(groceryList)

    console.log(groceryList[0])

    // Dictionary
    var apple = {
        color: "red",
        shape: "round",
        weight: .33,
        texture: "smooth"
    }

    console.log(apple.weight)
    console.log(apple.texture)
    console.log(`The apple is ${apple.color} and it weighs ${apple.weight} and it is ${apple.texture}`)

    kamira_income = 4000
    raphael_income = 5000

    // Conditional Statements
    if (kamira_income > 4000) {
        console.log("You got that money honey")
    } else if (kamira_income == 2500) {
        console.log("You got the right one")
    } else {
        console.log("You a broke joke!")
    }

    // Loops (repeat)
    // For (until)
    incomes = [5000, 4000, 2000, 1000]
    total = 0

    for (i = 0; i < incomes.length; i++) {
        total = total + incomes[i]
    }

    console.log(total)

    // While (as long as)
    income = 0
    while (income < 3000) {
        income = income + 100
        console.log(income)
    }
}

// Group Code together
doStuff()
doStuff()
doStuff()
doStuff()
doStuff()
doStuff()

function add(num1, num2) {
    console.log(num1 + num2)
}

function subtract(num1, num2) {
    console.log(num1 - num2)
}

function multiply(num1, num2) {
    console.log(num1 * num2)
}

function divide(num1, num2) {
    console.log(num1 / num2)
}

add(21212, 1212112)
add(232323, 35423453)
add(4232, 22323)

subtract(21212, 1212112)
subtract(232323, 35423453)
subtract(4232, 22323)

multiply(21212, 1212112)
multiply(232323, 35423453)
multiply(4232, 22323)

divide(21212, 1212112)
divide(232323, 35423453)
divide(4232, 22323)

// Classes - group together related variables and functions
class Profile {
    constructor() {
        this.name;
        this.description;
        this.income = 0;
        this.expenses = [];
    }

    addIncome(income) {
        this.income += income;
    }

    addExpense(expense) {
        this.expenses.push(expense);
    }
}

class Group {
    constructor() {
        this.name;
        this.description;
        this.income = 0;
        this.expenses = [];
        this.profiles = [];
    }

    addIncome(income) {
        this.income += income;
    }

    addExpense(expense) {
        this.expenses.push(expense);
    }
    addProfile(profile) {
        this.profiles.push(profile);
    }
}

profile = new Profile();
profile.addIncome(32233223)
console.log(p.income)
profile.addIncome(90)
console.log(p.income)

Libraries

The DOM

The document object model (DOM) is...

Resources

Async