4. (C) Design a web page demonstrating different Core JavaScript references (Array, Boolean, Date, Function, Math, Number, Object, String, regExp).

4. (C) Design a web page demonstrating different Core JavaScript references (Array, Boolean, Date, Function, Math, Number, Object, String, regExp).

Array:

<html>
<head>

<title>Array object Demo</title>

var names=["ajay","vijay","sujay"];

document.write("Array length is: "+names.length+" ");

var c=names.join("*");

document.write(c+" ");

names.push("aviraj");

document.write("After insert: "+names.toString()+" ");

names.pop();

document.write("After delete: "+names.toString()+" ");

names.sort();

document.write("After sort: "+names.toString()+" ");

names.reverse();

document.write("After reverse: "+names.toString()+" ");

</script>

</head>

<body>

</body>

</html>

Boolean:

<html>
<head>

<title>Boolean object demo</title>

function myFunction()

{

document.getElementById("demo").innerHTML = Boolean(10 > 9);

}

</script>

</head>

<body>

Display the value of Boolean(10 > 9):

</body>

</html>

Date:

<html>
<head>

<title> Date object demo </title>

var currentDate =new Date();

document.write(currentDate+" ");

document.write("Date is:");

document.write(currentDate.getMonth()+"/"+currentDate.getDate()+"/"+currentDate.getFullYear()+"<br>");

document.write("Time is:");

document.write(currentDate.getHours()+":"+currentDate.getMinutes()+":"+currentDate.getSeconds());

</script>

<head>

<body>

</body>

</html

Function:

<html>
<head>

<title> function object demo</title>

addBraces=new Function("s","return'['+s+']'");

document.write(addBraces("this"));

document.write(addBraces("is"));

document.write(addBraces("a"));

document.write(addBraces("test"));

</script>

</head>

<body>

</body>

</html>

Math:

<html>
<head>

<title>math object</title>

document.write("Random number: " +Math.random()+" ");

document.write("Minimum number: "+Math.min(10,22,55,101,02,33,-88)+" ");

document.write("Maximum number: "+Math.max(22,888,99,55,22,11,20)+" ");

document.write("Round(99.8): "+Math.round(99.8)+" ");

document.write("Ceil(5.5): "+Math.ceil(5.5)+" ");

document.write("Floor(5.5): "+Math.floor(5.5)+" ");

document.write("Square root of 9: "+Math.sqrt(9)+" ");

document.write("Square root of 64: "+Math.sqrt(64)+" ");

document.write("5 raise to 3: "+Math.pow(5,3)+" ");

</script>

</head>

<body>

</body>

</html>

Number:

<html>
<head>

<title>Number object Demo</title>

<style>

#one{

float: left;

width: 125px;

text-align:left;

margin: 2px 50px;

display: inline;

}

#two{

float: left;

text-align: left;

margin: 2px 100px;

display: inline;

}

</style>

</head>

<body>

toString Method

toExponential Method

toFixed Method

toPrecision Method

valueOf Method

</div>

Number Method

parseInt Method

parseFloat Method

MAX_VALUE Method

</div>

var x = 123;

document.getElementById("toString").innerHTML =

x.toString() + " " +

(123).toString() + " " +

(100 + 23).toString();

var x = 9.656;

document.getElementById("toExponential").innerHTML =

x.toExponential() + " " +

x.toExponential(2) + " " +

x.toExponential(4) + " " +

x.toExponential(6);

var x = 9.656;

document.getElementById("toFixed").innerHTML =

x.toFixed(0) + " " +

x.toFixed(2) + " " +

x.toFixed(4) + " " +

x.toFixed(6);

var x = 9.656;

document.getElementById("toPrecision").innerHTML =

x.toPrecision() + " " + x.toPrecision(2) + " " +

x.toPrecision(4) + " " +x.toPrecision(6);

var x = 123;

document.getElementById("valueOf").innerHTML =

x.valueOf() + " " +

(123).valueOf() + " " +

(100 + 23).valueOf();

document.getElementById("Number").innerHTML =

Number(true) + " " +

Number(false) + " " +

Number(new Date()) + " " +

Number(" 10") + " " +

Number("10 ") + " " +

Number("10 6");

document.getElementById("parseInt").innerHTML =

parseInt("10") + " " +

parseInt("10.33") + " " +

parseInt("10 6") + " " +

parseInt("10 years") + " " +

parseInt("years 10");

document.getElementById("parseFloat").innerHTML =

parseFloat("10") + " " + parseFloat("10.33") + " " +

parseFloat("10 6") + " " + parseFloat("10 years") + " " +

parseFloat("years 10");

document.getElementById("MAX_VALUE").innerHTML = Number.MAX_VALUE;

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

String:

<html>
<head>

<title>String object Demo</title>

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

document.write(txt.length+" ");

var x = 'It\'s alright';

var y = "We are the so-called \"Vikings\" from the north.";

document.write(x + " " + y+" ");

var str = "Please locate where 'locate' occurs!";

var pos = str.indexOf("locate");

document.write(pos+" ");

var str = "Please locate where 'locate' occurs!";

var pos = str.lastIndexOf("locate");

document.write(pos+" ");

var str = "Please locate where 'locate' occurs!";

var pos = str.search("locate");

document.write(pos+" ");

var str = "Apple, Banana, Kiwi";

var res = str.slice(7, 13);

document.write(res+" ");

var str = "Apple, Banana, Kiwi";

var res = str.substring(7, 13);

document.write(res+" ");

var str = "Apple, Banana, Kiwi";

var res = str.substr(7, 6);

document.write(res+" ");

var str = "Please visit Microsoft!";

var n = str.replace("Microsoft", "W3Schools");

document.write(n+" ");

var text1 = "Hello World!";

var text2 = text1.toUpperCase();

document.write(text2+" ");

var text1 = "Hello World!";

var text2 = text1.toLowerCase();

document.write(text2+" ");

var text1 = "Hello";

var text2 = "World";

text3 = text1.concat(" ", text2);

document.write(text3+" ");

var str = "HELLO WORLD";

document.write(str.charAt(0));

document.write(" ")

var str = "HELLO WORLD";

document.write(str.charCodeAt(0));

document.write(" ")

var str = "A,J,I,T,C,H,A,V,A,N";

var arr = str.split(",");

document.write(arr[8 ]);

</script>

</head>

<body>

</body>

</html>

regExp:

<html>
<head>

<title>RegExp object Demo</title>

var str = "Visit W3Schools!";

var n = str.search(/w3Schools/i);

document.write(n+" ");

var str = "Visit Microsoft!";

var res = str.replace(/microsoft/i, "W3Schools");

document.write(res+" ");

text = "The best things in life are free!";

document.write(/e/.test(text)+" ");

text = "The best things in life are free!";

document.write(/e/.exec(text)+" ");

</script>

</head>

<body>

</body>

</html>

MumbaiBsc

4. (C) Design a web page demonstrating different Core JavaScript references (Array, Boolean, Date, Function, Math, Number, Object, String, regExp).

You May Also Like

No comments:

Search This Blog

Recent Posts

Popular Posts

Categories

Random Posts

Email Subscription

Random Posts

Contact Us

Tags

Recent Posts