Scribd
Carica
18 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
18 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
Sei sulla pagina 1/ 21

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";
document.write(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<a.length;i++)
{
document.write(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<a.length;i++)
{
document.write(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'}
document.write(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)
{
document.write(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");
document.write(a.length);
</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);
a.push(6);
for(var i=0;i<a.length;i++)
{
document.write(a[i]);
}
</script>
<br> unshift method add element at the first.<br>
<script>
var a=new Array(1,2,3,4,5);
a.unshift(0);
for(var i=0;i<a.length;i++)
{
document.write(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);
a.pop();
for(var i=0;i<a.length;i++)
{
document.write(a[i]);
}

</script>
<h4>shift()</h4>
<br>delete element at the first index.<br>
<script>
var b=new Array(1,2,3,4,5);
b.shift();
for(var i=0;i<b.length;i++)
{
document.write(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");
document.write( s.join("/"));
</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";
document.write(s+" "+p);

</script>
<h4>using concat operator<br></h4>
<script>
var s="sharad";
var p="shinde";
document.write(s.concat(" "+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=a.sort();
document.write(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=a.sort();
document.write(b.reverse());
</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);
a.sort();
document.write(a.sort(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);
a.sort();
document.write(a.sort(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");

a.splice(3,0,"rupesh","onkar");
for(var i=0;i<a.length;i++)
{
document.write(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";
document.write(a.slice(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;

}
};
document.write(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);
document.write(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";
document.write(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");
document.write(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";

document.write( a.charAt(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";
document.write(a.indexOf("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";
document.write( a.search("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";
document.write(a.substring(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";

document.write(b.substr(1,b.length));

</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";
document.write(a.toLowerCase());
document.write("<br>");
document.write(a.toLocaleLowerCase());

</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";
document.write(a.toUpperCase());
document.write("<br>");
document.write(a.toLocaleUpperCase());

</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";
document.write(a.lastIndexOf("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";
document.write(a.codePointAt(4)+"<br>");
document.write(a.charCodeAt(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";
document.write(a.replace("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;
document.write(a.toString());
</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")

document.write(a.split("h"));
document.write("<br>");
document.write(a.split(" ",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"
document.write(a.match("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");
document.write(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");


document.write(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");


document.write(Number(c));
document.write("<br>");

var d=new Array("12.3");


document.write(Number(d));
document.write("<br>");

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


document.write(Number(e));

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

OUTPUT
123
12.3
NaN

Potrebbero piacerti anche