Scribd
Carica
6 visualizzazioni21 pagine

Unit 2 CSS

Java script

Caricato da

vaijantachavle
Copyright
© All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
6 visualizzazioni21 pagine

Unit 2 CSS

Java script

Caricato da

vaijantachavle
Copyright
© All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd

Array, Function and String

Declaring an array

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array();
a[0]="p";
a[1]="s";
a[2]="i";
[Link](a[0]+a[1]+a[2]);
</script>
</body>
</html>

OUTPUT
psi

Declaring an array using for loop

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array();
a[0]=1;
a[1]=2;
a[2]=3;
a[3]=4;
for(var i=0;i<[Link];i++)
{
[Link](a[i]);
}

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

OUTPUT
1234

Explicative array

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array();
a[0]="H";
a[1]="O";
a[2]="P";
a[3]="E";
for(var i=0;i<[Link];i++)
{
[Link](a[i]);
}

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

OUTPUT
HOPE
Associative array

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a={"name":"sharad","rollno":'02'}
[Link](a["name"]+ "<br>"+a["rollno"]);
</script>
</body>
</html>

OUTPUT
sharad
02

Associative array using for in loop

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a={};
a["name"]="xyz";
a["rollno"]='02';
a["address"]="latur";
for(var i in a)
{
[Link](a[i]+"<br>");
}
</script>
</body>
</html>

OUTPUT
xyz
02
latur

Finding length of an given array

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array("s","h","a","r","a","d");
[Link]([Link]);
</script>
</body>
</html>

OUTPUT
6

Adding an array element

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
push method add element at the last.<br>
<script>
var a=new Array(1,2,3,4,5);
[Link](6);
for(var i=0;i<[Link];i++)
{
[Link](a[i]);
}
</script>
<br> unshift method add element at the first.<br>
<script>
var a=new Array(1,2,3,4,5);
[Link](0);
for(var i=0;i<[Link];i++)
{
[Link](a[i]);
}

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

OUTPUT
push method add element at the last.
123456
unshift method add element at the rst.
012345

Delete elements in an array element

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<h4>pop()</h4>
delete element at the last index.<br>

<script>
var a=new Array(1,2,3,4,5);
[Link]();
for(var i=0;i<[Link];i++)
{
[Link](a[i]);
}

</script>
<h4>shift()</h4>
<br>delete element at the first index.<br>
<script>
var b=new Array(1,2,3,4,5);
[Link]();
for(var i=0;i<[Link];i++)
{
[Link](b[i]);
}
fi
</script>

</body>
</html>

OUTPUT
pop()

delete element at the last index.


1234

shift()

delete element at the rst index.


2345

join()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var s=new Array("s","h","a","r","a","d");
[Link]( [Link]("/"));
</script>
</body>
</html>

OUTPUT
s/h/a/r/a/d

Combining an array elements into string

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
fi
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<h4>using "+" operator<br></h4>
<script>
var s="sharad";
var p="shinde";
[Link](s+" "+p);

</script>
<h4>using concat operator<br></h4>
<script>
var s="sharad";
var p="shinde";
[Link]([Link](" "+p));

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

OUTPUT
using "+" operator

sharad shinde
using concat operator

sharad shinde

Sorting an array element

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array("Red","RED","green","blue","red");
b=[Link]();
[Link](b);
</script>
</body>
</html>
OUTPUT
RED,Red,blue,green,red

Reverse()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array("sharad","bhimashankar","shinde");
b=[Link]();
[Link]([Link]());
</script>
</body>
</html>

OUTPUT
shinde,sharad,bhimashankar

Sorting an array element in descending order

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array(1,25,24,53,23);
[Link]();
[Link]([Link](function(a,b){return b-a;}))

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

OUTPUT
53,25,24,23,1
Sorting an array element in ascending order

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array(1,25,24,53,23);
[Link]();
[Link]([Link](function(a,b){return a-b;}))

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

OUTPUT
1,23,24,25,53

splice()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array("sharad","pranay","appa","sanju");

[Link](3,0,"rupesh","onkar");
for(var i=0;i<[Link];i++)
{
[Link](a[i],"<br>");
}
</script>
</body>
</html>

OUTPUT
sharad
pranay
appa
rupesh
onkar
sanju

slice()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=“shriram";
[Link]([Link](0,4));
</script>
</body>
</html>

OUTPUT
shri

Function
Default function

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var x=2;
var b=3;
var c;
var sum={

a: function sharad()
{
c=x*b;
return c;

}
};
[Link](sum.a());
</script>
</body>
</html>

OUTPUT
6

Function with argument

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript", lang="javascript">

function sharad(x,y)
{
return x+y;
}
let result=sharad(10,20);
[Link](result);

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

OUTPUT
30

Calling function from html


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body onload="display()">
<script>
function display()
{
alert("welcome");
}
</script>
</body>
</html>

OUTPUT

Caption

String
Created from literals
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var name="sharad";
[Link](name);
</script>
</body>
</html>

OUTPUT
sharad

Created from new keyword

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var name=new String("sharad");
[Link](name);
</script>
</body>
</html>

OUTPUT
sharad

charAt()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";

[Link]( [Link](2));

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

OUTPUT
a

indexOf()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";
[Link]([Link]("r"));

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

OUTPUT
3

search()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";
[Link]( [Link]("r"));
</script>
</body>
</html>

OUTPUT
3

substring()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";
[Link]([Link](0,2));

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

OUTPUT
sh

substr()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>

var b="sharad";

[Link]([Link](1,[Link]));

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

OUTPUT
harad

toLowerCase()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="SHARAD23";
[Link]([Link]());
[Link]("<br>");
[Link]([Link]());

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

OUTPUT
sharad23
sharad23

toUpperCase()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";
[Link]([Link]());
[Link]("<br>");
[Link]([Link]());

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

OUTPUT
SHARAD
SHARAD

lastindexOf()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";
[Link]([Link]("a"));
</script>
</body>
</html>

OUTPUT
4

charCodeAt()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad";
[Link]([Link](4)+"<br>");
[Link]([Link](1));
</script>
</body>
</html>

OUTPUT
97
104

replace()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="sharad shinde";
[Link]([Link]("sharad","rudhay"));
</script>
</body>
</html>

OUTPUT
rudhay shinde

toString()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=10;
[Link]([Link]());
</script>
</body>
</html>

OUTPUT
10

split()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new String("hello friends")

[Link]([Link]("h"));
[Link]("<br>");
[Link]([Link](" ",1));
</script>
</body>
</html>

OUTPUT
,ello friends
hello

match()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a="HOPE hold on,pain ends"
[Link]([Link]("pain"));
</script>
</body>
</html>

OUTPUT
Pain

Convert string into number

parseInt()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a=new Array("23");
[Link](parseInt(a));

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

OUTPUT
23

parseFloat()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>

var b=new Array("12.3");


[Link](parseFloat(b));

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

OUTPUT
12.3

number()

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body>
<script>

var c=new Array("123");


[Link](Number(c));
[Link]("<br>");

var d=new Array("12.3");


[Link](Number(d));
[Link]("<br>");

var e=new Array("123abc");


[Link](Number(e));

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

OUTPUT
123
12.3
NaN

Potrebbero piacerti anche