Basic JavaScript

by Aqilah Misuary

HTML

<p id="demo"></p>

<p>This example calls a function which performs a calculation, and returns the result:</p>

<p id="calculate"></p>

<p id="time"></p>

<button onclick="getElementById('time').innerHTML=Date()">The time is?</button>

<p id="demo2"></p>

JavaScript

var person = {
    firstName : "John",
    lastName  : "Doe",
    age       : 50 ,
    eyeColor  : "blue"
};

document.getElementById("demo").innerHTML =
person.firstName + " is " + person.age + " years old.";

function myFunction(a, b) {
    return a * b;
}
document.getElementById("calculate").innerHTML = myFunction(5, 3);

var day;
switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case  6:
        day = "Saturday";
        break;
}
document.getElementById("demo2").innerHTML = "Today is " + day;