Final Project Create as an HTML document a JavaScript Cheat Sheet. Save the document as YourName_JSFinal.html The JS CheatSheet is structured in two main sections: 1. JavaScript Language Fundamentals...

Assignment 72750/72750/anchor.html

JavaScript Fundamentals




Code Snippet

var x = document.getElementById("myAnchor").href;
document.getElementById("myDIV").innerHTML = x;

Google
Try Here


Result



Assignment 72750/72750/arrayobject.html

JavaScript Fundamentals




Code Snippet

var div = document.getElementById("myDIV");
var text = "";
var fruits = [ "apple", "orange", "mango" ];
for(var i =0; i < 3; i++){
text+=fruits[i] + " is element " + i + "\n" ;
}
div.innerText=text;

Try Here


Result



Assignment 72750/72750/baseobject.html

JavaScript Fundamentals




Code Snippet

function myFunction() {
var x = document.getElementById("htmldom").target;
document.getElementById("myDIV").innerHTML = "Base target for all links: " + x;
}

Click the button to display the value of the target attribute of the base element.
Try Here


Result


Assignment 72750/72750/cookies.html

JavaScript Fundamentals




Code Snippet

var sum = myFunction(7, 8);
document.getElementById("myDIV").innerHTML = sum;
function myFunction(a, b) {
return a * b;
}

Try Here


Result



Assignment 72750/72750/event.html

JavaScript Fundamentals




Code Snippet

function displayDate() {
document.getElementById("myDIV").innerHTML = Date();
}

Click the button to display the date.
The Date is ...


Result



Assignment 72750/72750/forloop.html

JavaScript Fundamentals




Code Snippet

var div = document.getElementById("myDIV");
let text = "";
for (i = 0; i < 5; i++) {
text +="The number is " + i + "\n" ;
}
div.innerText=text;

Try Here


Result



Assignment 72750/72750/function.html

JavaScript Fundamentals




Code Snippet

var sum = myFunction(7, 8);
document.getElementById("myDIV").innerHTML = sum;
function myFunction(a, b) {
return a * b;
}

Try Here


Result



Assignment 72750/72750/image.html

JavaScript Fundamentals




Code Snippet

function myFunction() {
var x = document.getElementById("myImg").alt;
document.getElementById("demo").innerHTML = x;
}


Click the button to display the alternate text of the image.
Try Here


Result




Assignment 72750/72750/JSFinal.html

JavaScript Cheat Sheet


JavaScript Fundamentals


1.1 Variables

1.2 Operators

1.3 Conditional Statements

1.4 Loops

1.5 Functions

1.6 JS ObjectsGeneral Overview

1.7 JS Built-in Objects

1.8 Array Object

1.9 String

1.1 Javascript Variables
A JavaScript variable is simply a name of storage location. There are two types of variables in
JavaScript : local variable and global variable.
There are some rules while declaring a JavaScript variable (also known as identifiers).
        
Name must start with a letter (a to z or A to Z), underscore( _ ), or dollar( $ ) sign.
        After first letter we can use digits (0 to 9), for example value1.
        JavaScript variables are case sensitive, for example x and X are different variables.,
var x = 10;
var _value="sonoo";
Try an Example
1.2 Operators


var x = 5; // assign the value 5 to x
var y = 2; // assign the value 2 to y
var z = x + y; // assign the value 7 to z (5 + 2)

The assignment operator (=) assigns a value to a variable.
-**Assignment

var x = 10;

The addition operator (+) adds numbers:
Adding

var x = 5;
var y = 2;
var z = x + y;



The multiplication operator (*) multiplies numbers.


Multiplying

var x = 5;
var y = 2;
var z = x * y;


Try an Example

JavaScript Arithmetic Operators
Arithmetic operators are used to perform arithmetic on numbers:

Operator Description
        +        Addition
        -        Subtraction
        *        Multiplication
        **        Exponentiation (ES2016)
        /        Division
        %        Modulus (Division Remainder)
        ++        Increment
        --        Decrement
JavaScript Assignment Operators
Assignment operators assign values to JavaScript variables.

        Operator
        Example
        Same As

        = x
        = y         x = y

        += x
        += y
        x = x + y

        -= x
        -= y
        x = x - y

        *= x
        *= y
        x = x * y

        *= x
        *= y
        x = x * y

        /= x
        /= y
        x = x / y

        %= x
        %= y
        x = x % y

        **= x
        **= y
        x = x ** y

The addition assignment operator (+=) adds a value to a variable.

1.3 Conditional Statements
Very often when you write code, you want to perform different actions for different decisions.
You can use conditional statements in your code to do this.

In JavaScript we have the following conditional statements:

        Use if to specify a block of code to be executed, if a specified condition is true
         Use else to specify a block of code to be executed, if the same condition is false
         Use else if to specify a new condition to test, if the first condition is false
         Use switch to specify many alternative blocks of code to be executed



The if Statement
Use the if statement to specify a block of JavaScript code to be executed if a condition is
true.


if (hour
< 18)
{ greeting="Good day" ; }



The else Statement
Use the else statement to specify a block of code to be executed if the condition is false.


if (condition) {
// block of code to be executed if the condition is true
} else {
// block of code to be executed if the condition is false
}



The else if Statement
Use the else if statement to specify a new condition if the first condition is false.


if (condition1) {
// block of code to be executed if condition1 is true
} else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}



The JavaScript Switch Statement
Use the switch statement to select one of many code blocks to be executed.
Syntax


switch(expression) {
case x:
// code block
break;
case y:
// code block
break;
default:
// code block
}


This is how it works:
The switch expression is evaluated once.


        The value of the expression is compared with the values of each case.
        If there is a match, the associated block of code is executed.
        If there is no match, the default code block is executed.


Example

The getDay() method returns the weekday as a number between 0 and 6.



(Sunday=0, Monday=1, Tuesday=2 ..)

This example uses the weekday number to calculate the weekday name:


switch (new...