0% found this document useful (0 votes)

4 views111 pages

JavaScript - Study Guide - Final

This JavaScript Study Guide provides an overview of JavaScript as a lightweight, interpreted programming language, detailing its history, key features, and various implementations. It covers JavaScript engines, the ECMAScript standard, and includes multiple HTML demo examples illustrating JavaScript concepts such as events, DOM manipulation, data types, variable scope, and operators. The guide serves as a comprehensive resource for learning JavaScript fundamentals and practical applications.

Uploaded by

ankitsingh11k

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

4 views111 pages

JavaScript - Study Guide - Final

Uploaded by

ankitsingh11k

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

Java Script

Study Guide

Author
Srinivas Dande

[Link] 1 JS Study Guide

Introduction to Java Script

 JavaScript (JS) is a lightweight interpreted or JIT-compiled programming language

 JavaScript (JS) is most well-known as the scripting language for Web pages,
 JavaScript is a
 prototype-based,
 multi-paradigm,
 dynamic language,
 object-oriented,
 functional programming

 JavaScript was created in 1995 by Brendan Eich while he was an engineer at Netscape.
 JavaScript was first released with Netscape 2 early in 1996.
 It was originally going to be called LiveScript, but it was renamed in an ill-fated marketing
decision that attempted to capitalize on the popularity of Sun Microsystem's Java language —
despite the two having very little in common. This has been a source of confusion ever since.
 Microsoft released JScript with Internet Explorer 3.

 Do not confuse JavaScript with the Java programming language. Both "Java" and "JavaScript"
are trademarks or registered trademarks of Oracle in the U.S. and other countries. However,
the two programming languages have very different syntax, semantics, and uses.

Java Script Engines

 The Mozilla project provides two JavaScript implementations.
 SpiderMonkey engine, created by Brendan Eich at Netscape is a JavaScript implementation
written in C/C++.
 Rhino engine, created by Norris Boyd (also at Netscape) is a JavaScript implementation written
in Java.
 TraceMonkey (Firefox 3.5),
 JägerMonkey (Firefox 4)

 Besides the above implementations, there are other popular JavaScript engines such as:-
 Google's V8, which is used in the Google Chrome and recent versions of Opera
browsers.
 Google's V8 is also the engine used by [Link].
 The JavaScriptCore (SquirrelFish/Nitro) used in some WebKit browsers such as Safari.
 Carakan in old versions of Opera.
 The Chakra engine used in Internet Explorer

 The standard for JavaScript is ECMAScript.

JavaScript Version: 1.8.5 ECMAScript:2018

[Link] 2 JS Study Guide

Edition Date published Name Short Name

3 December 1999 ECMAScript 3 ES3

4 July 2008 ECMAScript 4 ES4

5 December 2009 ECMAScript 5 ES5

6 June 2015 ECMAScript 2015 ES6**

7 June 2016 ECMAScript 2016 ES7

8 June 2017 ECMAScript 2017 ES8

9 June 2018 ECMAScript 2018 ES9

They decided to release a new version of ECMAScript every year starting in 2015. A yearly
update means no more big releases like ES6.

[Link]
<!DOCTYPE html>
<html>
<head>
<title>JS : Events -Listeners </title>
<style>
p{
font-size: 25px;
font-family: Cambria;
border-radius: 15px;
border: 2px solid red;
margin: 50px;
padding: 25px;
}
</style>
</head>
<body>
<h2>Welcome to JLC!!!</h2>
<p JS Training </p>
<p React Training </p>

[Link] 3 JS Study Guide

function show1(){
[Link]("Click on JS Training");
[Link]('Click on JS Training');
}

function show2(){
alert("Double Click on React Training");
[Link]('Double Click on JS Training');
}

function show3(){
[Link]('MouseOver on Angular Training');
}

function show4(){
[Link]('MouseOut on Angular Training');
}
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html>
<head>
<title>JS : Events -Listeners </title>
<style>
p{
font-size: 25px;
font-family: Cambria;
border-radius: 15px;
border: 2px solid red;

var mypara1 = [Link]("mypara1");

[Link]("click", function (){
[Link]("Click on JS Training");
[Link]('Click on JS Training');
} );

var mypara2 = [Link]("mypara2");

[Link]("dblclick", function (){
alert("Double Click on React Training");
[Link]('Double Click on JS Training');
} );

var mypara3 = [Link]("mypara3");

[Link]("mouseover", function (){
[Link]('MouseOver on Angular Training');
} );

[Link]("mouseout", function (){

[Link]('MouseOut on Angular Training');
} );
</script>
</body>
</html>

var hai = [Link]("myhai");

[Link]([Link]);
[Link] = [Link] + "OK!!!"
[Link]([Link]);
}
</script>
</body>
</html>

[Link] 6 JS Study Guide

[Link]

<!DOCTYPE html>
<html>
<head>
<title>JLC Template </title>
<style>
div{
margin: 50px;
border: 2px solid red;
border-radius: 15px;
width: 500px;
font-size: 25px;
background-color: goldenrod;
padding-left: 50px;
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link] = [Link] + data +"<br/>";
}
print("<u>Topic Heading Here :")

Topic Related Program Here

var x=10;
myprint(x);
var y=20;
myprint(y);
var sum = x + y ;
myprint("Sum : "+sum);
</script>
</body></html>

function myprint(data){
var mydiv= [Link]("mydiv");
[Link] = [Link] + data +"<br/>";
}

myprint("<u>Data Types and Variables<br/></u>")

var x=10;
myprint(x);
myprint(typeof(x));

var y= 9.9;
myprint(y);
myprint(typeof(y));

[Link] 8 JS Study Guide

var flag1=true;
myprint(flag1);
myprint(typeof(flag1));

var flag2=false;
myprint(flag2);
myprint(typeof(flag2));

var myname="Srinivas";
myprint(myname);
myprint(typeof(myname));

var myarray= [10,20,30,40,50];

myprint(myarray);
myprint(typeof(myarray));

var mydob= new Date();

myprint(mydob);
myprint(typeof(mydob));
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html>
<head>
<title>Data Types and Variables </title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>

[Link] 9 JS Study Guide

myprint("<u>Data Types and Variables<br/></u>")

var x=10;
myprint(x);
myprint(typeof(x));

x= 9.9;
myprint(x);
myprint(typeof(x));

x=true;
myprint(x);
myprint(typeof(x));

x=false;
myprint(x);
myprint(typeof(x));

x="Srinivas";
myprint(x);
myprint(typeof(x));

x = [10,20,30,40,50];
myprint(x);
myprint(typeof(x));
x = new Date();
myprint(x);
myprint(typeof(x));

</script>
</body>
</html>

[Link] 10 JS Study Guide

[Link]

<!DOCTYPE html>
<html> <head>
<title>Data Types and Variables </title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>

var x=10;
myprint(x);

var x= "Hello Guys";

myprint(x);

let y=20;
myprint(y);

//let y= "Hai Guys"; //Error

y="Hai Guys";
myprint(y);

</script>
</body>
</html>

[Link] 12 JS Study Guide

[Link]

<!DOCTYPE html>
<html> <head>
<title> Variable Scope </title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link] = [Link] + data +"<br/>";
}
myprint("<u> Variable Scope <br/></u>"); //1
var x=10; //Global Scope //2
function show(){ //Function Definition
var y=20; //Function Scope
if(true){
let z=30; //Block Scope
myprint("Inside If- x = "+x);
myprint("Inside If- y = "+y);
myprint("Inside If- z = "+z);
}
myprint("After If- x = "+x);
myprint("After If- y = "+y);
// myprint("After If- z = "+z);
}
show(); //Function Call //3
myprint("Outside show()- x = "+x); //4
//myprint("Outside show()- y = "+y);
//myprint("Outside show()- z = "+z);
</script>
</body> </html>
[Link] 13 JS Study Guide
[Link]

<!DOCTYPE html>
<html> <head>
<title>JS : Var Default Vals and Constants </title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link] = [Link] + data +"<br/>";
}
myprint("<u> Var Default Vals and Constants </u> :")

var x;
myprint(x); //Undefined
myprint(typeof x); //Undefined

//myprint(y);
//myprint(typeof y);

var a=10;
myprint(a);
a=20;
myprint(a);

let b=100;
myprint(b);
b=200;
myprint(b);

[Link] 14 JS Study Guide

const c= 99;
myprint(c);
//c=55; // Assignment to constant variable.
//myprint(c);
myprint("Done!!!");

</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<title>JS : Operators - Part 1</title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u>1) Arithmetic Operators </u> :")

var a=5;
var b=2
myprint(" a =>"+ a);
myprint(" b =>"+ b);
myprint("a + b => "+ (a + b));
myprint("a - b => "+ (a - b));
myprint("a * b => "+ (a * b));
[Link] 15 JS Study Guide
myprint("a ** b => "+ (a ** b)); //to the power
myprint("a / b => "+ (a / b)); // result is number
myprint("a % b => "+ (a % b));

myprint("<u>2) Assignment Operators </u> :")

var a=5;

a+=2; // a=a+2;
myprint(" a =>"+ a);

var a=5;
a-=2; // a=a-2;
myprint(" a =>"+ a);

var a=5;
a*=2; // a=a*2;
myprint(" a =>"+ a);

var a=5;
a**=2; // a=a**2;
myprint(" a =>"+ a);

var a=5;
a/=2; // a=a/2;
myprint(" a =>"+ a);

var a=5;
a%=2; // a=a%2;
myprint(" a =>"+ a);

</script>
</body>
</html>

myprint("<u>3) Relational Operators </u> :")

var a=10;
myprint(" a =>"+ a);

myprint(" a > 5 =>"+ (a > 5));

myprint(" a > 10 =>"+(a > 10));
myprint(" a >= 10 =>"+ (a >= 10));
myprint(" a < 20 =>"+ (a < 20));
myprint(" a <10 =>"+ (a <10) );
myprint(" a <=10 =>"+ (a <=10) );

myprint(" a==10 =>"+ (a==10) );

myprint(" a=='10' =>"+ (a=="10") );
myprint(" a==10.0 =>"+ (a==10.0));

[Link] 17 JS Study Guide

myprint(" a===10 =>"+ (a===10) );
myprint(" a==='10' =>"+ (a==="10") );
myprint(" a===10.0 =>"+ (a===10.0));

myprint(" a!=10 =>"+ (a!=10) );

myprint(" a!='10' =>"+ (a!="10") );
myprint(" a!=10.0 =>"+ (a!=10.0));

myprint(" a!==10 =>"+ (a!==10) );

myprint(" a!=='10' =>"+ (a!=="10") );
myprint(" a!==10.0 =>"+ (a!==10.0));

</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<title>JS : Operators - Part 3</title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}

myprint("<u>4) Logical Operators </u> :")

[Link] 18 JS Study Guide

myprint(" true && true => "+ (true && true));
myprint(" true && false => "+ (true && false));
myprint(" false && true => "+ (false && true));
myprint(" false && false => "+ (false && false));

myprint(" true || true => "+ (true || true));

myprint(" true || false => "+ (true || false));
myprint(" false || true => "+ (false || true));
myprint(" false || false => "+ (false || false));

myprint(" ! true => "+ ( !true ));

myprint(" ! false => "+ ( !false ));
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Operators - Part 4</title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}

[Link] 19 JS Study Guide

myprint("<u>5) Inrement and Decrement Operators </u> :")
var a=10;
myprint(a++); //10
myprint(a); //11

var b=10;
myprint(++b) //11
myprint(b); //11

//print(10++);
myprint("Done");

var a=5;
myprint(a); //5
myprint(++a); //6
myprint(++a); //7
myprint(a--); //7
myprint(a++); //6
myprint(--a); //6
myprint(a); //6
myprint("Done");

</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Operators - Part 5</title>
<style>
div{
Same as Previous
}
</style>
</head>
[Link] 20 JS Study Guide
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u>6) Ternary Operator ? : </u> ")
var a=10;
var b=20;

var max=(a>b) ? a: b;
myprint("Max : "+max);
var min=(a<b) ? a: b;
myprint("Min : "+min);

myprint("--------");
var a=10;
var b=20;
var c=30;
var max=(a>b && a>c) ? a : (b>c) ? b :c;
myprint("Max : "+max);
var min=(a<b && a < c) ? a : (b < c) ? b :c;
myprint("Min : "+min);

</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Operators - Part 6</title>
<style>

myprint("a<<1 : "+ (a<<1));

myprint("a<<2 : "+ (a<<2));
myprint("a>>1 : "+ (a>>1));
myprint("a>>2 : "+ (a>>2));

var x=15;
var y=17;
myprint("x & y : "+ (x & y));
myprint("x | y : "+ (x | y));
myprint("x ^ y : "+ (x ^ y));
myprint("~x : "+ ( ~x ));
myprint("~y : "+ ( ~y ));

myprint("0101<<1 : "+ (0101<<1));

myprint("0101>>1 : "+ (0101>>1));
myprint("0101>>2 : "+ (0101>>2));

</script>
</body>
</html>

var a=19;
myprint(a);
myprint(typeof a);

a=9.9;
myprint(a);
myprint(typeof a);

a="Hello Guys";
myprint(a);
myprint(typeof a);

var mystr=new String("Hello Guys");

myprint(mystr);
myprint(typeof mystr);
[Link] 23 JS Study Guide
var arr=new Array(3);
arr[0]=10;
arr[1]=20;
arr[2]=30;
myprint(arr);
myprint(typeof arr);

var dob=new Date();

myprint([Link]()+"-"+[Link]()+"-"+[Link]());
myprint(typeof dob);

myprint("---------------");
myprint(dob instanceof Date); //T
myprint(dob instanceof Array);
myprint(dob instanceof String);
myprint("---------------");
myprint(arr instanceof Date);
myprint(arr instanceof Array); //T
myprint(arr instanceof String);
myprint("---------------");
myprint(mystr instanceof Date);
myprint(mystr instanceof Array);
myprint(mystr instanceof String); //T

myprint("---------------");

myprint(mystr instanceof Object);

myprint(arr instanceof Object);
myprint(dob instanceof Object);

</script>
</body>
</html>

[Link] 24 JS Study Guide

[Link]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Operators - Part 8</title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u>11) in Operator 12) delete Operator </u> ")

var mystr=new String("Hello Guys");

myprint(mystr);
myprint(typeof mystr);

for(x in mystr){
myprint(x+" - "+mystr[x]);
}

myprint(0 in mystr);
myprint(1 in mystr);
myprint(2 in mystr);

myprint(9 in mystr);
myprint(10 in mystr);
myprint(11 in mystr);
[Link] 25 JS Study Guide
myprint(length in mystr);
myprint("-------------");

myprint("1. "+mystr[0]);
delete mystr[0];
myprint("2. "+mystr[0]);
myprint("-------------");

myprint("1. "+mystr);
delete mystr;
myprint("2. "+mystr);
myprint("-------------");

x="hello";
myprint(x);
delete x;
//myprint(x);
myprint("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Operators - Part 9</title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
[Link] 26 JS Study Guide
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u>11) in Operator 12) delete Operator </u> ")
var arr=new Array(3);
arr[0]=10;
arr[1]=99.99;
arr[2]="Srinivas Dande";
arr[3]=true;
myprint(arr);
myprint(typeof arr);

for(x in arr){
myprint(x+" - "+arr[x]);
}
myprint("---------------");

myprint(0 in arr);
myprint(1 in arr);
myprint(2 in arr);
myprint(4 in arr);
myprint(5 in arr);
myprint(length in arr);

myprint("---------------");

myprint(arr[2]);
delete arr[2];
myprint(arr[2]);

myprint(arr[1]);
delete arr[1];
myprint(arr[1]);
myprint("---------------");
myprint(" Array Size - "+[Link]);

[Link] 27 JS Study Guide

for(x in arr){
myprint(x+" - "+arr[x]);
}
myprint("-------------");

myprint(arr);
delete arr;
//myprint(arr);
myprint("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Literals </title>
<style>
div{
Same as Previous
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u> Literals </u> ")

x=101;
myprint(x);

[Link] 28 JS Study Guide

x=0101;
myprint(x);
x=0X101;
myprint(x);
x=0B101;
myprint(x);
myprint("-------------");

x=9.9;
myprint(x);
x=9.999E2;
myprint(x);
myprint("-------------");

x=true;
myprint(x);
x=false;
myprint(x);
myprint("-------------");

x="Hello";
myprint(x);
x="A";
myprint(x);
x="\u0041";
myprint(x);
x='\u0041\u0042';
myprint(x);
x="\101";
myprint(x);
x="\101";
myprint(x);
x='\101\102';
myprint(x);
myprint("Done");
</script>
</body>
</html>

var a = 10;

if (a > 10) {
myprint("a is greater than 10");
}

if (a == 10) {
myprint("a is equals to 10");
}
myprint("--------");

var a = 10;
var b = 20;
var max;

[Link] 30 JS Study Guide

if (a > b) {
max = a;
} else {
max = b;
}
myprint("Max : " + max);

myprint("--------");
var a = 10;
var b = 20;
var c = 30;
var max;
if (a > b && a > c) {
max = a;
} else if ((b > c)) {
max = b;
} else {
max = c;
}

myprint("Max : " + max);

myprint("Done");
</script>
</body>
</html>

[Link]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Swicth Statement </title>
<style>
div{
Same as Previous
}
</style>
</head>
[Link] 31 JS Study Guide
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u>Swicth Statement </u> ")

// var day=5;
// var day=9;
var day = new Date().getDay();
switch (day) {
case 0:
myprint("Sunday");
break;
case 1:
myprint("Monday");
break;
case 2:
myprint("Tuesday");
break;
case 3:
myprint("Wednesday");
break;
case 4:
myprint("Thursday");
break;
case 5:
myprint("Friday");
break;
case 6:
myprint("Saturday");
break;
default:
myprint("Invalid");
}

var x = "0";
switch (x) {
case "0":
myprint("Zero");
break;
case "1":
myprint("One");
break;
default:
myprint("Invalid");
}
myprint("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : for loop </title>
<style>
div{
Same as Previous
[Link] 33 JS Study Guide
}
</style>
</head>
<body>
<div id="mydiv"> </div>
<script>
function myprint(data){
var mydiv= [Link]("mydiv");
[Link](mydiv);
[Link] = [Link] + data +"<br/>";
}
myprint("<u>for loop </u> ")

for (var i = 1; i <= 5; i++) {

myprint(i);
}
myprint("-------------");
for (var i = 1; i <= 5; i++) {
if (i % 2 == 0)
myprint(i);
}
myprint("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : while and do-while loop </title>
<style>
div{
Same as Previous
}
</style>
</head>

var i = 1;
while (i <= 5) {
myprint(i);
i++;
}
myprint("-------------");

var i = 1;
do {
myprint(i);
i++;
} while (i <= 5);

myprint("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : break and continue </title>
<style>
div{
Same as Previous
}

for (var i = 1; i <= 5; i++) {

myprint(i);
if (i >= 3)
break;
myprint("Inside Loop");
}
myprint("-----------------");
for (var i = 1; i <= 5; i++) {
myprint(i);
if (i >= 3)
continue;
myprint("Inside Loop");
}

myprint("Done");
</script>
</body>
</html>

print("<u>Arrays -1 </u> ")

var arr=[10,20,30]; //One Way

print(arr);
print(typeof arr);
for(var i=0;i<[Link];i++){
print(arr[i]);
}
print("------------");

[Link] 37 JS Study Guide

var arr=["Java","JavaScript","Angular"];
print(arr);
print(typeof arr);

for(i in arr){ //use with Arrays

print(arr[i]);
}
print("------------");

var arr=new Array(10,20,30);//Constructor

for(i in arr){
print(arr[i]);
}
print("------------");

var arr=new Array("Java","JavaScript","Angular");

for(var i=0;i<[Link];i++){
print(arr[i]);
}
print("------------");
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Arrays - 2</title>
<style>
input,h1,div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
/* height: 600px;*/

print("<u>Arrays - 2 </u> ")

var arr=new Array("Hello Guys"); //Element

print([Link]);
print(arr);
print("------------");

var arr=new Array(5); //Size

print("Before Assigning - Size : "+[Link]);
print(arr);
print("------------");

arr[0]=10;
arr[2]=99.9;
arr[4]="Hello Guys";
arr[5]=true;
arr[99]="OK";
print("After Assigning - Size : "+[Link]);
for(i in arr){ //returns the index if element is found
print(i+" : "+arr[i]);
}
print("------------");

[Link] 39 JS Study Guide

for(var i=0;i<[Link];i++){
print(arr[i]);
}
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : const keyword</title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

print("<u>const keyword </u> ")

[Link] 40 JS Study Guide

var x = 10;
print(x)
x=20;
print(x)

const y=100;
print(y);
//y=200;
//print(y);

const arr = [10,20,30,40,50]; //900

print(arr);
arr[1]=99;
print(arr);

//arr=[99,88,77,66,55]; //800
//print(arr);
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Creating HTML elements with JS </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
[Link] 41 JS Study Guide
}
#mytable{
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:30%;
padding: 20px;
line-height: 1.5;
}
ul{
list-style:circle;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>
<script>
function print(data) {
var mydiv=[Link]("my-data-div");
[Link]=[Link]+data+"</br>"
}

print("<u> Creating HTML elements with JS </u> ")

var arr=["Java","Angular","Python"];

var str="<ul>";
for (i in arr){
str=str+"<li>"+arr[i]+"</li>"; //<li>Java</li>
}
str=str+"</ul>"
print(str);

var str="<table id='mytable'>";

for (i in arr){
str=str+"<tr><td>"+arr[i]+"</td></tr>";
}

[Link] 42 JS Study Guide

str=str+"</table>"
print(str);
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Functions - 1 </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

print("<u>Exploring Functions -1</u> ")

var res = show();

print(res);
print("------------");

function sum(a,b){ //2 arguments

print("a type : "+ typeof a);
print("b type : "+ typeof b);
var s=a+b;
return s;
}

var res1=sum(10,20);
print(res1);
var res2=sum("10","20");
print(res2);
print("------------");

print("Done");
</script>
</body>
</html>

print("<u> Functions -2</u> ")

var arr=[10,20,30,40,50]; //900

function showArray(arr1){ //
print("in func : before: "+arr1); //A
arr1[2]=99;
print("in func : After: "+arr1); //A
}

[Link] 45 JS Study Guide

showArray(arr)

print("out func : "+arr); //A

print("------------");

function sumArray(arr1){
var sum=0;
for(i in arr1){
sum+=arr1[i];
}
return sum;
}
var res=sumArray(arr);
print(res);

print("------------");
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Functions - 3 </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height:500px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
[Link] 46 JS Study Guide
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

var show=function(){
print("i am show()")
print("i am show()")
};

show();
print(typeof show);
print("------------");
var add=function(a,b){
var s=a+b;
return s;
};

var res=add(10,20);
print(res);
print(typeof add);

print("------------");
print("Done");
</script>
</body>
</html>

function sum(){
print("sum()")
var sum=0;
for(var i=0;i<[Link];i++){
sum+=arguments[i];
}
return sum;
}
[Link] 48 JS Study Guide
var a1=sum(); //1
print(a1);

var a2=sum(10,20);
print(a2);

var a3=sum(10,20,30,40);
print(a3);

var a4=sum(10,20,30,40,50);
print(a4);

print("------------");
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Functions- 5 </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height:500px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
[Link] 49 JS Study Guide
<body>
<div id="my-data-div"> </div>
<script>
function print(data) {
var mydiv=[Link]("my-data-div");
[Link]=[Link]+data+"</br>"
}

print("<u>JS : Functions- 5 </u> ")

function show1(){
var a=55; //Local
print(a);
a=a+10;
print(a);
}

show1();
show1();
print("------------");

var x=66; //Global

function show2(){
print(x);
x=x+10;
print(x);
}
show2();
show2();
print("------------");

print("Done");
</script>
</body>
</html>

[Link] 50 JS Study Guide

var p=10; //Global

print("1-"+p);//10
function show(){
var p=20; //Local to show
function inner(){
var p=30 //Local to Inner
print("3-"+p); //30
}
[Link] 51 JS Study Guide
print("2-"+p); //20
inner();
print("4-"+p); //20
}
show();
print("5-"+p); //10
print("------------");
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Functions - 6 </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>
<script>
"use strict";
function print(data) {
var mydiv=[Link]("my-data-div");
[Link]=[Link]+data+"</br>"
}
[Link] 52 JS Study Guide
print("<u> Functions - 6</u> ")

function show1(){
var x=20; //Local to show1
print(x) //2-> 20
{
var x = 30; //
print(x) //3-> 30
}
print(x) //4-> 30
}

var x = 10; //Global

print(x) //1-> 10
show1();
print(x);
print("----------------")

function show2(){
var x=20; //Local to show2
print(x)
{
let x = 30; //Local to block
print(x)
}
print(x) //show2 local x
}

var x = 10;
print(x)
show2();
print(x);

</script>
</body>
</html>

var p=10;
print("Outside show : "+p);

show();
print("Outside show : "+p);

print("------------");
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Functions -8 </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height:500px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}

print("------------");
print("Done");
</script>
</body>
</html>

var counter=0;
function increment1(){
counter++;
}

increment1();
print("Counter : "+counter);
increment1();
[Link] 57 JS Study Guide
print("Counter : "+counter);
increment1();
print("Counter : "+counter);
print("------------");

counter=counter+5; // Problem

increment1();
print("Counter : "+counter);
print("------------");

function increment2(){
var counter=0;
counter++;
return counter;
}
print("Counter : "+increment2());
print("Counter : "+increment2());
print("Counter : "+increment2());
// Problem
print("------------");

//use Java Script Closure to fix

var increment = (
function () {
var counter = 0; //Only Once
[Link]("Hello Guys"); ////Only Once
return function () {
counter++;
return counter
}
}
)();

print("Counter : "+increment());
print("Counter : "+increment());
print("Counter : "+increment());
print("Counter : "+increment());

[Link] 58 JS Study Guide

print("Counter : "+increment());
print("Counter : "+increment());
print("Done");
// A closure is a function having access to the parent scope,
// even after the parent function has closed.
//The self-invoking function only runs once.
// It sets the counter to zero (0), and returns a function expression.
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Custom Objects - 1 </title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height:600px;
width:500px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

[Link] 59 JS Study Guide

print("<u>- Custom Objects - 1</u> ")

var cust = {
cid:101,
cname:"Sri",
email:"sri@cc",
phone:12345
}

[Link](cust);
print(typeof cust);
print("Way to access Object properties");
print([Link]);
print([Link]);
print([Link]);
print([Link]);

print("Another Way to access Object properties");

print(cust["cid"]);
print(cust["cname"]);
print(cust["email"]);
print(cust["phone"]);

print("Updating Object properties");

[Link]="Srinivas";
[Link]=99999;

print("Object properties After Update");

print([Link]);
print([Link]);
print([Link]);
print([Link]);
[Link](cust);
print("Done");
</script>
</body>
</html>

[Link](cust);
print(typeof cust);

print("Way to access Object properties");

print([Link]);
print([Link]);
print([Link]);
print([Link]);
print([Link][0]);
print([Link][1]);
print([Link]);
print([Link]);

print("Way to call Object functions");

var x=[Link]();
print(x);
var city=[Link]();
print(city);
var ph=[Link]();
print(ph);

print("Done");
</script>
</body>
</html>

var cust={
cid:101,
cname:"Sri",
phone:12345,

getCid:function(){
return [Link];
},
[Link] 63 JS Study Guide
getCname:function(){
return [Link];
},
getPhone:function(){
return [Link];
},
setCid:function(cid){
[Link]=cid;
},
setCname:function(cname){
[Link]=cname;
},
setPhone:function(phone){
[Link]=phone;
}
}
[Link](cust);
print(typeof cust);

print("Way to call Object functions");

print([Link]());
print([Link]());
print([Link]());
[Link]("Srinivas");
[Link](9999);
print([Link]());
print([Link]());
print([Link]());

print("Done");
</script>
</body>
</html>

var cust={
cid:99,
cname:"SD",
phone:9999,

get customerId(){
return [Link];
},
[Link] 65 JS Study Guide
get customerName(){
return [Link];
},
get customerPhone(){
return [Link];
},
set customerId(cid){
[Link]=cid;
},
set customerName(cname){
[Link]=cname;
},
set customerPhone(phone){
[Link]=phone;
}
}

print("Way to access Object getters");

print([Link]);
print([Link]);
print([Link]);

print("Way to access Object setters");

[Link]="Srinivas";
[Link]=12345;

print("Way to access Object getters");

print([Link]);
print([Link]);
print([Link]);

print("Done");
</script>
</body>
</html>

function show(){ }

function Customer(cid,cname,email,phone){
[Link]=cid;
[Link]=cname;
[Link]=email;
[Link]=phone;
}
[Link] 67 JS Study Guide
var cust1=new Customer(55,"sri","sri@jlc",55555);
var cust2=new Customer(99,"vas","vas@jlc",99999);
var cust3=new Customer();

print([Link]+" "+[Link]+" "+[Link]+" "+[Link]);

print([Link]+" "+[Link]+" "+[Link]+" "+[Link]);
print([Link]+" "+[Link]+" "+[Link]+" "+[Link]);

print(typeof cust1)
print(typeof cust2)
print(typeof Customer)
print(typeof show)

[Link]=101;
[Link]=25000;

print([Link]+" "+[Link]+" "+[Link]+" "+[Link]+" "

+[Link]+" "+[Link]);
print([Link]+" "+[Link]+" "+[Link]+" "+[Link]+" "
+[Link]+" "+[Link]);

[Link]="B-111";
[Link]="Bangalore";

print([Link]+" "+[Link]+" "+[Link]+" "+[Link]+" "+

[Link]+" "+[Link]+" "+[Link]+" "+[Link]);

print([Link]+" "+[Link]+" "+[Link]+" "+[Link]+" "+

[Link]+" "+[Link]+" "+[Link]+" "+[Link]);

print("Done");
</script>
</body>
</html>

print("<u>Exploring - Math Object </u> ")

print([Link](25));
print([Link](27));
print([Link](5, 2));

print([Link](1.234));
print([Link](1.567));
print([Link](1.234));
print([Link](1.567));
[Link] 69 JS Study Guide
print([Link](5.234));
print([Link](5.567));

print([Link](-99));
print([Link](99));
print([Link](123.456));

print([Link](10, 20, 30, 40, 50));

print([Link]()); //between 0 and 1

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Number Object - 1 </title>
<style>
div {
margin: 50px;
border: 2px solid red;
border-radius: 10px;
/* height:800px;*/
width: 500px;
font-size: 25px;
[Link] 70 JS Study Guide
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

print("<u>Exploring - Number Object - 1 </u> ")

var x = "10";
var y = "20";
var z = x + y;
print(z);
var a = parseInt(x);
var b = parseInt(y);
var c = a + b;
print(c);

var x = "10.5";
var y = "20.5";
var z = x + y;
print(z);
var a = parseInt(x);
var b = parseInt(y);
var c = a + b;
print(c);

var a = parseFloat(x);
var b = parseFloat(y);
var c = a + b;
print(c);

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Number Object - 2 </title>
<style>
div {
margin: 50px;
border: 2px solid red;
border-radius: 10px;
width: 500px;
font-size: 25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>
<script>
function print(data) {
var mydiv = [Link]("my-data-div");
[Link] = [Link] + data + "</br>"
}

[Link] 72 JS Study Guide

print("<u>Exploring - Number Object - 2</u> ")

var num1 = 12345.2789;

print([Link]()); // 12345
print([Link](1)); // 12345.3
print([Link](2)); // 12345.28
print([Link](5));
print([Link](6));
print("----------------")

var num2 = 2.34;

print([Link]()); //2
print([Link](1)); //2.3
print([Link](2)); //2.34

var num3 = 2.35;

print([Link]()); //2
print([Link](1)); //2.4
print([Link](2));

var num4 = 2.55;

print([Link]());
print([Link](1));
print([Link](2));
print("----------------")

var num1 = 5.123456;

print([Link]());
print([Link](5));
print([Link](4));
print([Link](3));
print([Link](2));
print([Link](1));
print("----------------")

[Link] 73 JS Study Guide

num2 = 0.000123;

print([Link]());
print([Link](5));
print([Link](4));
print([Link](3));
print([Link](2));
print([Link](1));
print("----------------")

num3 = 1234.5;

print([Link]());
print([Link](5));
print([Link](4));
print([Link](3));
print([Link](2));
print([Link](1));
print("----------------")

print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Date Object -1</title>
<style>
div {
margin: 50px;
border: 2px solid red;
border-radius: 10px;
height: 600px;
[Link] 74 JS Study Guide
width: 800px;
font-size: 25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

var cd = new Date(); //Current Date

print(cd);
var yy = [Link]();
var mm = [Link]() + 1;
var dd = [Link]();
var day = [Link]();
print(dd + " / " + mm + " / " + yy + " : " + day);

var hh = [Link]();
var mi = [Link]();
var ss = [Link]();
var ms = [Link]();
print(hh + "-" + mi + "-" + ss + "-" + ms);
print("getTime() : " + [Link]()) //Timestamp

var dueDate = new Date();

print(dueDate);
[Link](5);
[Link](1);
[Link](2021);
[Link](4);

[Link] 75 JS Study Guide

[Link](30);
[Link](30);
[Link](500);
print(dueDate);

var dd = new Date(2021, 1, 5, 4, 30, 30, 500);

print(dd);

print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Date Object - 2</title>
<style>
div {
height: 100px;
width: 300px;
background-color: bisque;
font-size: 50px;
text-align: center;
padding-top: 25px;
}
span {
font-size: 25px;
}
</style>
</head>

[Link] 76 JS Study Guide

<body > <div id="mydata-div"> </div>
<script>
function formatTime() {

var cd = new Date();

var hh = [Link]();
var mm = [Link]();
var ss = [Link]();
var dStr = hh + ":" + mm + ":" + ss;

[Link]("mydata-div").innerHTML = dStr;
setTimeout("formatTime()", 1000);
}
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Date Object - 3</title>
<style>
div {
height: 100px;
width: 300px;
background-color: bisque;
font-size: 50px;
text-align: center;
padding-top: 25px;
}
span {
font-size: 25px;
}
</style>
[Link] 77 JS Study Guide
</head>
<body > <div id="mydata-div"> </div>

<form name="myclock">
<span> <input type="radio" id="format-12" name="mytime" checked>
12 Hour Format </span>
<span> <input type="radio" id="format-24" name="mytime" >
24 Hour Format </span>
</form>

var cd = new Date();

var hh = [Link]();
var mm = [Link]();
var ss = [Link]();

var dStr = hh + ":" + mm + ":" + ss;

[Link]("mydata-div").innerHTML = dStr;

if ([Link][0].checked) {
if (mm <= 9)
mm = "0" + mm;

if (ss <= 9)
ss = "0" + ss;

if (hh > 12) {

hh = hh - 12;
ad = "P.M";
} else {
hh = hh;
ad = "A.M";
}

[Link] 78 JS Study Guide

if (hh == 12)
ad = "P.M";
if (hh == 00)
hh = "12";

dStr = ((hh <= 9) ? "0" + hh : hh) + ":" + mm + ":" + ss + ad;

[Link]("mydata-div").innerHTML = dStr;
}

if ([Link][1].checked) {
if (mm <= 9)
mm = "0" + mm;
if (ss <= 9)
ss = "0" + ss;
if (hh <= 9)
hh = "0" + hh;

dStr = ((hh <= 9) ? "0" + hh : hh) + ":" + mm + ":" + ss;

[Link]("mydata-div").innerHTML = dStr;

setTimeout("formatTime()", 1000);

}
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - String Object - 1</title>
<style>
div{
[Link] 79 JS Study Guide
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:600px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

print("<u>Exploring - String Object - 1</u> ")

var str="Hello Guys";
print([Link]);
print([Link](0))
print([Link](1))
print([Link](0))
print([Link](1))
print([Link](0))
print([Link](1))
print("------------------");

var str="srinivas";

print([Link]("s"));
print([Link]("r"));
print([Link]("i"));
print("------------------");

[Link] 80 JS Study Guide

print([Link]("s"));
print([Link]("r"));
print([Link]("i"));
print("------------------");

print([Link]("sri"))
print([Link]("vas"))
print([Link]("sri"))
print([Link]("vas"))
print("------------------");

var str="Hello Guys";

print(str);
print([Link]());
print([Link]());
print([Link]());
print([Link]());
print("------------------");

var str1="Hello";
var str2=[Link]("Guys");
print(str1);
print(str2);
print("------------------");

var str3=[Link](3);
print(str3);
print("------------------");
print("Done");
</script>
</body>
</html>

var str = "Hello Guys How are you Guys Now";

var strArray = [Link](" ");

print(strArray);
print([Link]);
print("------------------");

[Link] 82 JS Study Guide

var strArray = [Link]("Guys");
print(strArray);
print([Link]);
print("------------------");
print(str);

var resultString = [Link]("Guys", "Students");

print(str);
print(resultString);
var resultString = [Link]("H", "X");
print(str);
print(resultString);
print("------------------");

var str = "Hello Guys-CourseCube";

print(str);
var resStr = [Link](6);
print(resStr);
var resStr = [Link](6, 9);
print(resStr);
var resStr = [Link](6, 10);
print(resStr);

print("------------------");
var str = "Hello Guys-CourseCube";
print(str);
var resStr = [Link](6);
print(resStr);
var resStr = [Link](6, 9);
print(resStr);
var resStr = [Link](6, 10);
print(resStr);

print("Done");
</script>
</body>
</html>

var str = "Hello Guys-CourseCube";

print(str);
var resStr = [Link](6);
print(resStr);
var resStr = [Link](6, 9);
print(resStr);
var resStr = [Link](6, 10);
print(resStr);
print("------------------");
[Link] 84 JS Study Guide
var str = "Hello Guys Course Cube";
print(str);
var res = [Link]("Hello");
print(res);
var res = [Link]("Cube");
print(res);

var res = [Link]("Guys");

print(res);
var res = [Link]("Course");
print(res);

var res = [Link]("Hai");

print(res);

print("------------------");

var myString = "Hello Guys Course Cube";

var myword1 = 'Guys';
var myword2 = 'JLC';

var myresult = `The word ${myword1} ${[Link](myword1)? 'is' : 'is not'} found`
print(myresult)
var myresult = `The word ${myword2} ${[Link](myword2)? 'is' : 'is not'} found`
print(myresult)

var x = [Link](myword1) ? 'is' : 'is not'

var myresult1 = "The word" + myword1 + " " + x + " found";
print(myresult1)

print("Done");
</script>
</body>
</html>

[Link] 85 JS Study Guide

Array Variables and Functions

length Reflects the number of elements in an array.

pop() Removes the last element from an array and returns that element.
push() Adds one or more elements to the end of an array and returns the new length
of the array.
reverse() Reverses the order of the elements of an array in place
sort() Sorts the elements of an array in place and returns the array.
shift() Removes the first element from an array and returns that element.
unshift() Adds one or more elements to the front of an array and returns the new
length of the array.
concat() Returns a new array that is this array joined with other array(s) and/or
value(s).
join() Joins all elements of an array into a string.
includes() Determines whether an array contains a certain element, returning true or
false as appropriate.
indexOf() Returns the first (least) index of an element within the array equal to the
specified value, or -1 if none is found.
lastIndexOf() Returns the last (greatest) index of an element within the array equal to the
specified value, or -1 if none is found.
slice() Extracts a section of an array and returns a new array.
fill() Fills all the elements of an array from a start index to an end index with a
static value.
forEach() Calls a function for each element in the array.
entries() Returns a new Array Iterator object that contains the key/value pairs for each
index in the array.
keys() Returns a new Array Iterator that contains the keys for each index in the
array.
values() The values() method returns a new Array Iterator object that contains the
values for each index in the array.
filter() Creates a new array with all of the elements of this array for which the
provided filtering function returns true.
map() Creates a new array with the results of calling a provided function on every
element in this array.
reduce() Apply a function against an accumulator and each value of the array (from
left-to-right) as to reduce it to a single value.
reduceRight() Apply a function against an accumulator and each value of the array (from
right-to-left) as to reduce it to a single value.

print("<u>Exploring - Array Object - 1 </u> ")

var arr=[10,59,20,35,30,25,40,50];
print(arr);
print([Link])

var first=arr[0];
var last=arr[[Link]-1];

print(first);
print(last);
print("---------------");
[Link] 87 JS Study Guide
print(arr);
var x= [Link]("Hello");
print(arr);
print("x = "+ x)

var y= [Link]("99","Hai Guys");

print(arr);
print("y = "+y)

var x= [Link]();
print(x)
print(arr);
var x= [Link]();
print(x)
print(arr);
print("---------------");

print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Array Object - 2</title>
<style>
div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
width:600px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
[Link] 88 JS Study Guide
</style>
</head>
<body>
<div id="my-data-div"> </div>
<script>
function print(data) {
var mydiv=[Link]("my-data-div");
[Link]=[Link]+data+"</br>"
}
print("<u>Exploring - Array Object - 2 </u> ")

var arr=[10,59,20,35,30,25,40,50];
print(arr);

[Link]();
print(arr)

var arr=[10,20,30,40,50,60];
print(arr)
var x= [Link]();
print(arr);
print(x)
var x=[Link]();
print(arr);
print(x)

var y=[Link](99);
print(y)
print(arr);
var y=[Link](123);
print(y)
print(arr);
print("---------------");
</script>
</body></html>

print("<u>Exploring - Array Object - 3</u> ")

var arr1=[10,20,30];
print(arr1);
var arr2=[11,22,33];
print(arr2);
print("---------------");

var x=[Link](arr2);
print(x);
print(arr1);
print(arr2);
[Link] 90 JS Study Guide
var x=[Link](arr1);
print(x);

print("---------------");
var p=[Link]();
print(typeof p);
print(p) //"10,20,30"
print(p[0])
print(p[1])
print(p[2])

var p=[Link]("--*--");
print(typeof p);
print(p) // "10--*--20--*--30"
print(p[0])
print(p[1])
print(p[2])

print("---------------");
var myarray=[10,20,30,20,30,40,50];
var q=[Link](10); //true
print(q)
var q=[Link](50); //true
print(q)
var q=[Link](99);//false
print(q)
print("---------------");

var arr1=new Array(5);

arr1[0]=10;
arr1[1]=20;
print(arr1)

[Link](99);
print(arr1)
print("Done");
</script>
</body></html>

print("<u>Exploring - Array Object - 4</u> ")

var myarray=[10,20,30,20,30,40,50];

var myarray=[10,20,30,40,50,60,70];
var arrX=[Link](); //10,20,30,40,50,60,70
print(arrX)
var arrX=[Link](1,3); //20,30
print(arrX)
var arrX=[Link](1,5); //20,30,40,50
print(arrX)
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Array Object-5 </title>
<style>
div {
margin: 50px;
border: 2px solid red;
border-radius: 10px;
width: 600px;
font-size: 25px;
background-color: goldenrod;
padding-left: 20px;
}
[Link] 93 JS Study Guide
</style>
</head>
<body>
<div id="my-data-div"> </div>

print("<u>Exploring - Array Object - 5</u> ")

var myarr = ["Angular", "React", "MicroServices"];

var iterator = [Link]();

for (let myindex of iterator) {
print(myindex);
[Link](myindex);
}
print("---------------");

print("<u>Exploring - Array Object - 6</u> ")

var arr=["Angular","NodeJS","ReactJS","ExpressJS"];
print(arr);
for(var index in arr){
print(index+" " +arr[index]);
}

print("---------------");

[Link] 95 JS Study Guide

function showArray1(item,index){
print(index+" " +item);
}

function showArray2(item,index){
if(index%2==0){
print(index+" " +item);
}
}

[Link](showArray1);
print("---------------");

[Link](showArray2);
print("---------------");

print("Done");
/*
function that takes another function as an argument is called as higher-order function.
function that returns a function as a result is also called as higher-order function.
*/
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Array Object - 7 </title>
<style>
div {
margin: 50px;
border: 2px solid red;
border-radius: 10px;
width: 600px;
[Link] 96 JS Study Guide
font-size: 25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

print("<u>Exploring - Array Object - 7 </u> ")

var numArray = [1, 2, 3, 4, 5];

print(numArray);

var sameArray = [Link](x => x);

print(sameArray)

var squareArray = [Link](x => x * x);

print(squareArray)

var cubeArray = [Link](x => x * x * x);

print(cubeArray)

print("-----------------------------");

function get(x){
return x;
}

function square(x){
return x * x;
}

[Link] 97 JS Study Guide

function cube(x){
return x * x * x;
}

var numArray=[1,2,3,4,5];
print(numArray);

var sameArray=[Link](get);
print(sameArray)

var squareArray=[Link](square);
print(squareArray)

var cubeArray=[Link](cube);
print(cubeArray)
print("Done");
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Exploring - Array Object - 8 </title>
<style>
div {
margin: 50px;
border: 2px solid red;
border-radius: 10px;
width: 600px;
font-size: 25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
[Link] 98 JS Study Guide
<body>
<div id="my-data-div"> </div>

print("<u>Exploring - Array Object - 8 </u> ")

var ageArray = [10, 30, 15, 25, 17, 16, 39];

print(ageArray) //1
function validAgeForVote(age) {
[Link](age)
if (age >= 18)
return true;
else
return false;
}

function invalidAgeForVote(age) {
[Link](age)
if (age < 18)
return true;
else
return false;
}

var resultArray = [Link](validAgeForVote);

print(resultArray) //2

var resultArray = [Link](validAgeForVote);

print(resultArray) //3

var resultArray = [Link](invalidAgeForVote);

print(resultArray) //4

var evenArray=[Link](findEven);
print(evenArray)

var evenArray=[Link](findEven);
print(evenArray)
print("---------------");

function findOdd(num){
if(num%2!=0)
return true;
else
return false;
}
var oddArray=[Link](findOdd);
print(oddArray)

var oddArray=[Link](findOdd);
print(oddArray)
print("-----------------------------------");

var evenArray=[Link](x => x%2==0);

print(evenArray)
var oddArray=[Link](x => x%2!=0);
print(oddArray)
print("Done");
</script>
</body> </html>

print("<u>Exploring - Array Object - 9 </u> ")

var numArray=[1,2,3,4,5];
print(numArray);

function sumNumbers(x,y){
return x+y;
}
function mulNumbers(x,y){
[Link] 101 JS Study
Guide
return x*y;
}
result=[Link](sumNumbers);
print(result);

result=[Link](mulNumbers);
print(result);
print("-----------------------------------");

result=[Link]((x,y) => x+y);

print(result);
result=[Link]((x,y) => x*y);
print(result);
print("-----------------------------------");

result=[Link]((x,y) => x+y ,10);

print(result);
result=[Link]((x,y) => x*y ,10);
print(result);
print("-----------------------------------");

result=[Link]((x,y) => x+y ,0);

print(result);
result=[Link]((x,y) => x*y ,1);
print(result);
print("-----------------------------------");

result=[Link]((x,y) => (x>y) ?x:y ,1);

print(result);
result=[Link]((x,y) => (x<y) ?x:y ,1);
print(result);

print("Done");

</script>
</body>
</html>

li {
list-style-type: none;
padding: 10px;
}

input {
font-size: 20px;
color: red;
border: 2px red solid;
border-radius: 5px;
padding: 5px;

}
</style>
</head>

[Link] 103 JS Study

Guide
<body>
<div id="my-data-div"> </div>

function openAlert() {
[Link]("hello Gyus");
var x = alert("Welcome to CourseCube!");
display(x);
}

function openConfirm() {
var result = confirm("Do you want to Delete the Student Record?");
if (result) {
display("Yes , I want to Delete");
} else {
display("No , I don't want to Delete");
}
}

[Link] 104 JS Study

Guide
function openPromt() {
var name = [Link]("Enter Student Name", "Srinivas Dande");
display(name);
}

var newWin;

function openNewWin() {
newWin = [Link]("[Link]", "newWin",300,300);
}
function closeNewWin() {
[Link]();
}

function printPage() {
[Link]();
}
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Navigator and Histroy Object</title>
<style>
input,h1,div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height: 500px;
width:800px;
font-size:25px;
background-color: goldenrod;
[Link] 105 JS Study
Guide
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

display("<u>Navigator Object :")

display("Browser :" +[Link]);

display("Browser Code:" +[Link]);

display("Browser Version:" +[Link]);

display("PlatForm :" +[Link]);
display("Cookies Enabled :" +[Link]);
display("Java Enabled :" +[Link]());
display("languages :" +[Link]);
display("User Agent :" +[Link]);
display("Vendor :" +[Link]);

display("History Length :" +[Link]);

// [Link]();
// [Link]();
// [Link](-1);
// [Link](1);
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
[Link] 106 JS Study
Guide
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Location Object</title>
<style>
input,h1,div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height: 500px;
width:800px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>

display("<u>Location Object:")

display("Location :" +[Link]);

display("href :" +[Link]);
display("host :" +[Link]);
display("hostname :" +[Link]);
display("pathname :" +[Link]);
display("port :" +[Link]);
display("protocol :" +[Link]);

display("History Length :" +[Link]);

[Link] 107 JS Study

Guide
</script>
</body>
</html>

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Screen Object</title>
<style>
input,h1,div{
margin: 50px;
border:2px solid red;
border-radius: 10px;
height: 500px;
width:800px;
font-size:25px;
background-color: goldenrod;
padding-left: 20px;
}
</style>
</head>
<body>
<div id="my-data-div"> </div>
<script>
function display(data) {
var mydiv=[Link]("my-data-div");
[Link]=[Link]+data+"</br>"
}
display("<u>Screen Object:")

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS : Document Object</title>
</head>
<body>
<script>
[Link]("<h1> Hello Guys</h1>");

function show(){
[Link]("Button Clicked");
var fn= [Link]("fname").value;
[Link]("fname : "+fn);

var em1= [Link]("email1").value;

[Link]("email 1 : "+em1);

var em2= [Link]("email2").value;

[Link]("email 2 : "+em2);

var ph= [Link]("phone").value;

[Link]("phone : "+ph);

var fn= [Link];

[Link] 109 JS Study
Guide
var em1= [Link][0].value;
var em2= [Link][1].value;
var ph= [Link];

[Link]("fname : "+fn);
[Link]("email 1: "+em1);
[Link]("email 2 : "+em2);
[Link]("phone : "+ph);

}
</script>

<form name="myform">
<table>
<tr>
<td> Full Name</td>
<td> <input type="text" id="fname" name="fname"/> </td>
</tr>
<tr>
<td> First Email </td>
<td> <input type="text" id="email1" name="email"/> </td>
</tr>
<tr>
<td> Second Email </td>
<td> <input type="text" id="email2" name="email"/> </td>
</tr>
<tr>
<td> Phone </td>
<td> <input type="text" id="phone" name="phone"/> </td>
</tr>
<tr>
<td> <input type="button" value="Click Here" </td>
</tr>
</table>

</form>
</body>

[Link] 110 JS Study

Guide
</html>

[Link] 111 JS Study

Guide

Gyankoop School Login Form Guide
No ratings yet
Gyankoop School Login Form Guide
5 pages
Overview of HTML5
100% (1)
Overview of HTML5
5 pages
Introduction to jQuery Basics
No ratings yet
Introduction to jQuery Basics
46 pages
HTML and Css PDF
No ratings yet
HTML and Css PDF
39 pages
Introduction to JavaScript Basics
No ratings yet
Introduction to JavaScript Basics
260 pages
Frontend Web Development Overview
No ratings yet
Frontend Web Development Overview
16 pages
JavaScript Basics: Objects, Arrays, and Events
No ratings yet
JavaScript Basics: Objects, Arrays, and Events
64 pages
Comprehensive Web Development Guide
No ratings yet
Comprehensive Web Development Guide
8 pages
SEO-Optimized Blog Template Settings
No ratings yet
SEO-Optimized Blog Template Settings
64 pages
Microsoft Ajax Control Toolkit Debug Script
No ratings yet
Microsoft Ajax Control Toolkit Debug Script
155 pages
JavaScript Basics: Syntax, Variables, and Outputs
No ratings yet
JavaScript Basics: Syntax, Variables, and Outputs
25 pages
Web Technologies Lab Manual
No ratings yet
Web Technologies Lab Manual
52 pages
Unit 6 Javascript
No ratings yet
Unit 6 Javascript
26 pages
Overview of JavaScript Basics
No ratings yet
Overview of JavaScript Basics
13 pages
Arabic Text Changer Button Code
No ratings yet
Arabic Text Changer Button Code
1 page
JavaScript Web Programming Lab Guide
No ratings yet
JavaScript Web Programming Lab Guide
15 pages
JavaScript Form Validation Guide
No ratings yet
JavaScript Form Validation Guide
18 pages
JavaScript, HTML & CSS Teaching Script
No ratings yet
JavaScript, HTML & CSS Teaching Script
7 pages
PHP Web Manual
No ratings yet
PHP Web Manual
60 pages
JavaScript Fundamentals for Web Development
No ratings yet
JavaScript Fundamentals for Web Development
36 pages
Frontend Interview Questions
No ratings yet
Frontend Interview Questions
9 pages
JavaScript Object and Array Examples
No ratings yet
JavaScript Object and Array Examples
93 pages
06 AJAX&JSON - 2march 7march
No ratings yet
06 AJAX&JSON - 2march 7march
31 pages
Arabic Text Change Button Example
No ratings yet
Arabic Text Change Button Example
1 page
Js Example Codes1 - Level3
No ratings yet
Js Example Codes1 - Level3
36 pages
js dom js bom بالعربية 3
No ratings yet
js dom js bom بالعربية 3
94 pages
JavaScript Basics for HTML Manipulation
No ratings yet
JavaScript Basics for HTML Manipulation
60 pages
HTML5 for Rich Internet Applications
No ratings yet
HTML5 for Rich Internet Applications
25 pages
JavaScript Practical Examples for BCA
No ratings yet
JavaScript Practical Examples for BCA
22 pages
7 JS Intro
No ratings yet
7 JS Intro
30 pages
Client-Side Validation with JavaScript
No ratings yet
Client-Side Validation with JavaScript
4 pages
JavaScript Basics and Examples
No ratings yet
JavaScript Basics and Examples
65 pages
12th IT Practical
No ratings yet
12th IT Practical
35 pages
HTML and CSS Summary Guide
No ratings yet
HTML and CSS Summary Guide
11 pages
JavaScript Window Object Overview
No ratings yet
JavaScript Window Object Overview
8 pages
(Frequently Asked Questions) : Html5 - Nextgen Web Faq
No ratings yet
(Frequently Asked Questions) : Html5 - Nextgen Web Faq
18 pages
Unit 5
No ratings yet
Unit 5
39 pages
Modal Login Form Design Template
No ratings yet
Modal Login Form Design Template
3 pages
JavaScript Color Change and Form Validation
No ratings yet
JavaScript Color Change and Form Validation
9 pages
Ip Unit Ii
No ratings yet
Ip Unit Ii
51 pages
TypeScript Basics: Variables, Functions, and Classes
No ratings yet
TypeScript Basics: Variables, Functions, and Classes
6 pages
JavaScript Input and Variable Basics
No ratings yet
JavaScript Input and Variable Basics
6 pages
HTML5 & CSS3 Frontend Development Guide
No ratings yet
HTML5 & CSS3 Frontend Development Guide
33 pages
JavaScript Basics for Web Development
No ratings yet
JavaScript Basics for Web Development
60 pages
JavaScript Client-Side Scripting Guide
No ratings yet
JavaScript Client-Side Scripting Guide
54 pages
Web Technologies Complete Guide 150MCQs
No ratings yet
Web Technologies Complete Guide 150MCQs
37 pages
JavaScript Programming Practices for BCA
No ratings yet
JavaScript Programming Practices for BCA
20 pages
Web 3
No ratings yet
Web 3
34 pages
Prototype JavaScript Library 1.5.0 Overview
No ratings yet
Prototype JavaScript Library 1.5.0 Overview
1 page
HTML Basics and Key Concepts Explained
No ratings yet
HTML Basics and Key Concepts Explained
11 pages
HTML Styles and List Components Guide
No ratings yet
HTML Styles and List Components Guide
1 page
CSS Q-B PTT-2 Question Bank
No ratings yet
CSS Q-B PTT-2 Question Bank
19 pages
Assjhn
No ratings yet
Assjhn
19 pages
Understanding JavaScript Basics and Usage
No ratings yet
Understanding JavaScript Basics and Usage
52 pages
HTML & CSS Essentials Guide
No ratings yet
HTML & CSS Essentials Guide
5 pages
JavaScript Lab: Interactive Coding Guide
No ratings yet
JavaScript Lab: Interactive Coding Guide
13 pages
JavaScript DOM Overview and Dialogs
No ratings yet
JavaScript DOM Overview and Dialogs
26 pages
PT 4
No ratings yet
PT 4
28 pages
المخططات الذهنية لـ Flutter و iPhone X
No ratings yet
المخططات الذهنية لـ Flutter و iPhone X
7 pages
Javascript 2024 Full Notes
No ratings yet
Javascript 2024 Full Notes
70 pages
Cassava Starch Production Process Guide
No ratings yet
Cassava Starch Production Process Guide
13 pages
Isha Foundation Case Study on Tax Exemption
No ratings yet
Isha Foundation Case Study on Tax Exemption
11 pages
AI and Blockchain in Fintech Insights
No ratings yet
AI and Blockchain in Fintech Insights
15 pages
Marketing Strategies in Indian Autos
No ratings yet
Marketing Strategies in Indian Autos
169 pages
BD50 Bulldozer Specifications Overview
No ratings yet
BD50 Bulldozer Specifications Overview
4 pages
Debunking Nutrition Myths and Fad Diets
No ratings yet
Debunking Nutrition Myths and Fad Diets
30 pages
Nutritional Needs of Adolescents
No ratings yet
Nutritional Needs of Adolescents
5 pages
SCF Market Size Literature Review
No ratings yet
SCF Market Size Literature Review
14 pages
Antifungal Properties of Silene armeria Oil
No ratings yet
Antifungal Properties of Silene armeria Oil
6 pages
JSS2 Social Studies Term 3 Overview
No ratings yet
JSS2 Social Studies Term 3 Overview
22 pages
Employee Welfare Measures in TSNPDCL
No ratings yet
Employee Welfare Measures in TSNPDCL
7 pages
Lab 12
No ratings yet
Lab 12
16 pages
EcoCitronelle Candle Business Plan
No ratings yet
EcoCitronelle Candle Business Plan
13 pages
Intelligent Homes in Bavdhan, Pune
No ratings yet
Intelligent Homes in Bavdhan, Pune
18 pages
Transform Your Life with Positive Words
100% (1)
Transform Your Life with Positive Words
205 pages
Reliable PPR Pipes for Plumbing Systems
No ratings yet
Reliable PPR Pipes for Plumbing Systems
56 pages
JavaScript Coding Homework Examples
No ratings yet
JavaScript Coding Homework Examples
16 pages
Edward Taylor: Puritan Poet and Devotion
No ratings yet
Edward Taylor: Puritan Poet and Devotion
3 pages
Ds-7100Ni-E1/P Series NVR: Features and Functions
No ratings yet
Ds-7100Ni-E1/P Series NVR: Features and Functions
3 pages
Saudi Arabia to Host 2029 Asian Winter Games
No ratings yet
Saudi Arabia to Host 2029 Asian Winter Games
3 pages
First Term Agricultural Science Overview
No ratings yet
First Term Agricultural Science Overview
58 pages
Understanding Database Normalization
No ratings yet
Understanding Database Normalization
78 pages
Heritage and Carob Trees Where The Monumental and - 1
No ratings yet
Heritage and Carob Trees Where The Monumental and - 1
18 pages
Electrical Machines I Exam Questions
No ratings yet
Electrical Machines I Exam Questions
8 pages
Tuberculosis Complications: VTE Case Series
No ratings yet
Tuberculosis Complications: VTE Case Series
6 pages
Medical Equipment List for District Hospitals
100% (4)
Medical Equipment List for District Hospitals
31 pages
Piano Tone Production Techniques
No ratings yet
Piano Tone Production Techniques
3 pages
The Art of Urban Sketching Guide
No ratings yet
The Art of Urban Sketching Guide
33 pages
DI-9101E Smoke Detector Wiring Guide
No ratings yet
DI-9101E Smoke Detector Wiring Guide
2 pages
Horizontal Distillation Column Innovation
No ratings yet
Horizontal Distillation Column Innovation
2 pages

JavaScript - Study Guide - Final

Uploaded by

JavaScript - Study Guide - Final

Uploaded by

Java Script

[Link] 1 JS Study Guide

 JavaScript (JS) is a lightweight interpreted or JIT-compiled programming language

Java Script Engines

 The standard for JavaScript is ECMAScript.

[Link] 2 JS Study Guide

3 December 1999 ECMAScript 3 ES3

4 July 2008 ECMAScript 4 ES4

5 December 2009 ECMAScript 5 ES5

6 June 2015 ECMAScript 2015 ES6**

7 June 2016 ECMAScript 2016 ES7

8 June 2017 ECMAScript 2017 ES8

9 June 2018 ECMAScript 2018 ES9

[Link] 3 JS Study Guide

[Link] 4 JS Study Guide

var mypara1 = [Link]("mypara1");

var mypara2 = [Link]("mypara2");

var mypara3 = [Link]("mypara3");

[Link]("mouseout", function (){

[Link] 5 JS Study Guide

var hai = [Link]("myhai");

[Link] 6 JS Study Guide

Topic Related Program Here

[Link] 7 JS Study Guide

myprint("<u>Data Types and Variables<br/></u>")

[Link] 8 JS Study Guide

var myarray= [10,20,30,40,50];

var mydob= new Date();

[Link] 9 JS Study Guide

myprint("<u>Data Types and Variables<br/></u>")

[Link] 10 JS Study Guide

var x= "Hello Guys";

//let y= "Hai Guys"; //Error

[Link] 11 JS Study Guide

[Link] 12 JS Study Guide

[Link] 14 JS Study Guide

myprint("<u>2) Assignment Operators </u> :")

[Link] 16 JS Study Guide

myprint("<u>3) Relational Operators </u> :")

myprint(" a > 5 =>"+ (a > 5));

myprint(" a==10 =>"+ (a==10) );

[Link] 17 JS Study Guide

myprint(" a!=10 =>"+ (a!=10) );

myprint(" a!==10 =>"+ (a!==10) );

myprint("<u>4) Logical Operators </u> :")

[Link] 18 JS Study Guide

myprint(" true || true => "+ (true || true));

myprint(" ! true => "+ ( !true ));

[Link] 19 JS Study Guide

[Link] 21 JS Study Guide

myprint("a<<1 : "+ (a<<1));

myprint("0101<<1 : "+ (0101<<1));

[Link] 22 JS Study Guide

var mystr=new String("Hello Guys");

var dob=new Date();

myprint(mystr instanceof Object);

[Link] 24 JS Study Guide

var mystr=new String("Hello Guys");

[Link] 27 JS Study Guide

[Link] 28 JS Study Guide

[Link] 29 JS Study Guide

[Link] 30 JS Study Guide

myprint("Max : " + max);

[Link] 32 JS Study Guide

for (var i = 1; i <= 5; i++) {

[Link] 34 JS Study Guide

[Link] 35 JS Study Guide

for (var i = 1; i <= 5; i++) {

[Link] 36 JS Study Guide

print("<u>Arrays -1 </u> ")

var arr=[10,20,30]; //One Way

[Link] 37 JS Study Guide

for(i in arr){ //use with Arrays

var arr=new Array(10,20,30);//Constructor

var arr=new Array("Java","JavaScript","Angular");

[Link] 38 JS Study Guide