Css Vimp Q&A
Css Vimp Q&A
1
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814281
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
2 Marks Questions
1.State the use of method in javascript with the help of suitable
example.
A method/function is a set of statements that take inputs, do some
specific computation, and produce output. The idea is to put some
commonly or repeatedly done tasks together and make a function
so that instead of writing the same code again and again for
different inputs, we can call that function.
Example:
function Addition (number1, number2)
{
return number1 + number2 ;
}
2. List & Explain datatypes in JavaScript.
JavaScript provides different data types to hold different types of
values. There are two types of data types in JavaScript, Primitive data
type and non-primitive data type
There are five types of primitive data types in JavaScript. They are as
follows: String - represents sequence of characters e.g., "hello”.
Number - represents numeric values e.g., 100.
Boolean - represents Boolean value either false or true.
Undefined - represents undefined value.
Null - represents null i.e., no value at all.
ii) The non-primitive data types are as follows:
Object - represents instance through which we can access members.
Array - represents group of similar values.
2
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814282
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
3
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814283
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
result = number1 *
number2;
document.write(resul
t); break; case "/":
result = number1 / number2;
document.write(result); break; case "%":
result = number1 %
number2;
document.write(result);
break; default:
document.write("Invalid
operator"); break;
}
</script>
</body>
</html>
4.Write a program using sort method of array
object.
<html>
<body>
<script> var
array
=[5,1,9,7,5]; //
4
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814284
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
5
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814285
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
7
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814287
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
11. Write a Java script that initializes an array called flowers with the
names of 3 flowers. The script then displays array elements.
<html>
<head>
<title>Display Array Elements</title>
</head>
<body>
<script>
var flowers = new
Array(); flowers[0] =
'Rose '; flowers[1] =
'Mogra'; flowers[2] =
'Hibiscus';
8
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814288
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
9
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 93268814289
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
alert("Bye");
}
</script>
</head>
<body onload="welcome()" onunload="goodbye()">
</body>
</html>
13. Write a Javascript to design a form to accept values for user ID &
password.
<html>
<body>
<form name="login">
Enter Username<input type="text" name="userid"><br>
Enter Password<input type="password" name="pswrd">
<input type="button" onclick="display()" value="Display">
</form>
<script language="javascript">
function display()
{
document.write("User ID "+ login.userid.value + "Password :
"+login.pswrd.value);
}
</script>
10
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142810
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
</body>
</html>
14. State any two properties and methods of location object.
Properties of location object:
1. hash
2. host
3. hostname
4. href
5. origin
6. pathname
7. port
8. protocol
9. search
Methods of location object:
1. assign ()
2. reload ()
3. replace ()
15. Explain i>Object name ii>
Property
Object Name:
11
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142811
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
Property:
A Property is a value or set of values that is the member of an
object.
Example:
var person = new Object();
person.firstName = “Hhh";
person.age = 10;
In above example,
Person is an object and firstname and age are properites.
16. What is operator? Which type of operators are used in Java script.
JavaScript operators are symbols that are used to perform operations
on operands.
1. Arithmetic Operators
2. Comparison (Relational) Operators
3. Bitwise Operators
4. Logical Operators
5. Assignment Operators
6. Special Operators
7. Dot operator
8. Delete operator
9. typeof operator
10.new opearor
11.Conditional Operator(?:)
12.in operator
12
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142812
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Output:
2023-1-12 14:54:26
18. Write a Java script to changing case of string
<script>
var text = "Hello
World!"; var result =
text.toLowerCase();
var res =
text.toUpperCase();
document.write(result);
document.write("<br>"
+res); </script>
Output:
hello world!
HELLO WORLD
13
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142813
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
<script>
var text = "HELLO WORLD"; var
c = text.charCodeAt(1);
document.write(c);
document.write("<br>"+text.charCodeAt(7));
document.write("<br>"+text.charCodeAt(8)); </script>
14
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142814
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Checkbox:
<input> elements of type checkbox are rendered by default as boxes
that are checked (ticked) when activated. A checkbox allows you to
select single values for submission in a form (or not).
Syntax for creating checkbox is:
<input type="checkbox" id="myCheck" onclick="myFunction()">
A checkbox can have only two states:
1. Checked
2. Unchecked
21. State and explain what a session cookie is.
The session cookie is a server-specific cookie that cannot be passed to
any machine other than the one that generated the cookie. The session
cookie allows the browser to re-identify itself to the single, unique
server to which the client had previously authenticated.
22. State the features
ofJavaScript.
1) Lightweight
JavaScript does not have too many language constructs.
15
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142815
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
16
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142816
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
{
var x = document.getElementById('myname').value
document.cookie = "name=" + x + ";"
alert("Cookie Written..")
}
</script>
17
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142817
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
18
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142818
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
19
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142819
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
4 Marks Questions
1. Explain getter and setter properties in Java script with suitable
example.
Property getters and setters
1. The accessor properties. They are essentially functions that work
on getting and setting a value.
2. Accessor properties are represented by “getter” and “setter”
methods. In an object literal they are denoted by get and set.
let obj = {
get
propNam
e() {
// getter, the code executed on getting obj.propName
},
set propName(value) {
// setter, the code executed on setting obj.propName = value
}
};
3. An object property is a name, a value and a set of attributes. The
value may be replaced by one or two methods, known as setter and
a getter. 4. When program queries the value of an accessor property,
Javascript invoke getter method(passing no arguments). The retuen
20
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142820
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
21
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142821
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
/* Accessor properties
(getters) */ get color() {
return this`.defColor;
},
get make() {
return
this.defMak;
},
/* Accessor properties
(setters) */ set
color(newColor) {
this.defColor = newColor;
},
set make(newMake) {
this.defMake = newMake;
22
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142822
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
}
}
;
document.write("Car color:" + myCar.color + " Car Make:
"+myCar.make)
/* Calling the setter accessor
properties */ myCar.color = "red";
myCar.make = "Audi";
/* Checking the new values with the getter accessor properties
*/ document.write("<p>Car color:" + myCar.color); // red
document.write(" Car Make: "+myCar.make); //Audi
</script>
</head>
</body>
</html>
2.Explain prompt() and confirm() method of Java script with syntax and
example.
prompt()
23
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142823
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
The prompt () method displays a dialog box that prompts the visitor for
input. The prompt () method returns the input value if the user clicks
"OK". If the user clicks
"cancel" the method returns null.
Syntax: window.prompt (text,
defaultText) Example:
<html>
<script type="text/javascript">
function msg(){
var v= prompt("Who are you?");
alert("I am "+v);
}
</script>
<input type="button" value="click" onclick="msg()"/>
</html>
confirm()
It displays the confirm dialog box. It has message with ok and cancel
buttons.
Returns Boolean indicating which button was pressed
Syntax:
window.confirm("sometext");
Example :
<html>
<script type="text/javascript">
24
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142824
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
function msg(){
var v= confirm("Are u
sure?"); if(v==true){
alert("ok");
}
else{
alert("cancel
");
}
}
</script>
<input type="button" value="delete record" onclick="msg()"/>
</html>
4.Write the use of chatAt() and indexof() with syntax and example
charAt()
The charAt() method requires one argument i.e is the index of the
character that you want to copy.
Syntax:
25
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142825
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
26
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142826
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
27
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142827
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</html>
28
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142828
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Example:
<html >
<head>
<title>Open New Window</title>
<script >
function OpenNewWindow() {
MyWindow = window.open(‘webpage1.html’, 'myAdWin', 'status=0,
toolbar=0, location=0,
menubar=0, directories=0, resizable=0, height=250, width=250')
}
</script>
</head>
<body>
<FORM action=" " method="post">
<INPUT name="OpenWindow" value="Open Window" type="button"
onclick="OpenNewWindow()"/>
</FORM>
</body>
</html>
29
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142829
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
document.write(n + '<br>');
30
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142830
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
document.write(n);
}
myFunction();
</script>
</body>
</html>
12. Explain text rollover with suitable example
You create a rollover for text by using the onmouseover attribute of the
<A> tag ,which is the anchor tag. You assign the action to the
onmouseover attribute the same way as you do with an <IMG> tag.
Let's start a rollover project that displays a flower titles. Additional
information about a flower can be displayed when the user rolls the
mouse cursor over the flower name. In this example, the image of the
flower is displayed. However, you could replace the flower image with
an advertisement or another message that you want to show about the
flower.
31
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142831
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
<html>
<head>
<title>Rollover Text</title>
</head>
<body>
<TABLE width="100%" border="0">
<TBODY>
<TR vAlign="top">
<TD width="50">
<a>
<IMG height="92" src="rose.jpg"
width="70" border="0"
name="cover">
</a>
</TD>
<TD>
<IMG height="1" src="" width="10">
</TD>
<TD>
<A onmouseover= "document.cover.src='sunflower.jpg'">
<B><U>Sunflower</U></B>
</A>
<BR>
32
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142832
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<A onmouseover=
"document.cover.src='jasmine.jpg'">
<B><U>Jasmine</U></B>
</A>
<BR>
<A onmouseover=
"document.cover.src='rose.jpg'">
<B><U>Rose</U></B>
</A>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
33
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142833
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
13. Write a Java script to modify the status bar using on MouseOver
and on MouseOut with links. When the user moves his mouse over
the links, it will display “MSBTE” in the status bar. When the user
moves his mouse away from the link the status bar will display
nothing.
<html>
<head>
<title>JavaScript Status Bar</title></head>
<body>
<a href=" https://msbte.org.in/"
onMouseOver="window.status='MSBTE';return true"
onMouseOut="window.status='';return true"> MSBTE
</a>
</body>
</html>
14. Write a JavaScript program that will display current date in
DD/MM/YYYY format.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
34
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142834
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<title>Document</title>
</head>
<body>
<script>
var
d=new
Date();
var currentDate=d.getDate()+'/'+(d.getMonth()+1)+'/'+d.getFullYear()
document.write(currentDate)
</script>
</body>
</html>
15. Write a JavaScript program that will remove the duplicate element
from an array.
<!DOCTYPE html>
<html lang="en">
<body>
<script>
let arr = ["scale", "happy", "strength", "peace", "happy",
"happy"]; function removeDuplicates(arr) { let unique = [];
35
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142835
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
<html>
<body>
<script>
36
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142836
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
37
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142837
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</body>
</html>
17. Write and explain a string functions for converting string to number
and number to string.
To covert string to number we can use parseInt() which converts a
string number to a integer number. Similarly we can use
parseFloat(), number() for converting string to number. Egvar
a=prompt('Enter a number'); var b=parseInt(prompt('Enter a
number')); document.write(typeof a+"<br>");
document.write(typeof b);
To convert form number to string we can use toString()
<html>
<body>
<p>toString() returns a number as a string:</p>
<script> let num
= 12; let text =
num.toString();
document.write(
num)
</script>
</body>
</html>
38
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142838
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
39
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142839
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
upper_case('Abcd');
</script>
</body>
</h
tml
>
OR
<script>
function firstIsUppercase(str)
{
if (str.length === 0)
{
return false;
}
return str.charAt(0).toUpperCase() === str.charAt(0);
}
if (firstIsUppercase(prompt("Enter text")))
{
document.write('First letter is uppercase');
} else {
document.write('First letter is NOT uppercase');
}
</script>
40
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142840
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
41
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142841
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
}
return result_array;
}
var array1 = [1, 2, 3,4,7,9];
var array2 = [2, 30, 1,40,9];
document.write(merge_array(array1, array2));
</script>
</body>
</html>
Output:
3,4,7,2,30,1,40,9
OR
<html>
<body> <script>
function
mergearr(arr1, arr2)
{
// merge two arrays
var arr =
arr1.concat(arr2); var
uniqueArr = []; // loop
through array for(var i
of arr) {
42
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142842
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
if(uniqueArr.indexOf(i)
=== -1)
{
uniqueArr.push(i);
}
}
document.write(uniqueArr);
}
var array1 = [1, 2,
3,6,8]; var array2 =
[2, 3, 5,56,78,3]
mergearr(array1,
array2);
</script>
</body>
</html>
Output:
1,2,3,6,8,5,56,78
43
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142843
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
21. Write a JavaScript function that will open new window when the
user will click on the button.
<html>
<body>
<button onclick="openWin()">Open "New Window"</button>
<script> var
myWindow
; function
openWin()
{
myWindow = window.open("", "myWindow", "width=400,height=400");
myWindow.document.write("<p>Hello Everyone.Welcome to new
window.</p>");
}
</script>
</body>
</html>
22. Describe text Rollover with the help of example.
Rollover means a webpage changes when the user moves his or her
mouse over an object on the page. It is often used in advertising. There
are two ways to create rollover, using plain HTML or using a mixture of
JavaScript and HTML. We will demonstrate the creation of rollovers
using both methods.
The keyword that is used to create rollover is the <onmousover> event.
44
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142844
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
45
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142845
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
Example:
<html>
<body>
<button onclick="myFunction()">Try it</button>
<p
id="demo"></
46
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142846
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
p> <script>
function
myFunction()
{
var str = "100, 1000 or 10000?";
var patt1 =
/\d{3,4}/g; var
result =
str.match(patt1);
document.getElementById("demo").innerHTML = result;
}
</script>
</body>
</html>
25. Describe frameworks of JavaScript & its application.
Frameworks of JavaScript:
1. ReactJs
React is based on a reusable component. Simply put, these are code
blocks that can be
47
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142847
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
48
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142848
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
49
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142849
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
50
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142850
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
CurrentBanner = 0;
NumOfBanners =
Banners.length; function
LinkBanner()
{
document.location.href =
"http://www." + BannerLink[CurrentBanner];
}
function DisplayBanners() { if
(document.images) {
CurrentBanner++ if
(CurrentBanner ==
NumOfBanners) {
CurrentBanner = 0
}
document.RotateBanner.src= Banners[CurrentBanner]
setTimeout("DisplayBanners()",1000)
}
}
51
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142851
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</script>
</head>
<body onload="DisplayBanners()" >
<center>
<a href="javascript: LinkBanner()"><img src="1.jpg"
width="400" height="75" name="RotateBanner" /></a>
</center>
</body> </html>
27. Explain alert method in Java script with suitable example.
button. The alert() method is used when you want information to come
alert(me
ssage)
example
: <html>
<body>
<h1>The Window Object</h1>
<h2>The alert() Method</h2>
<p>Click the button to see line-breaks in an alert box.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
alert("Hello\nHow are you?");
}
</script>
</body>
</html>
52
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142852
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
28. Explain getter and setter properties in Java script with suitable
example.
Also known as Javascript assessors.
Getters and setters allow you to control how important variables are
accessed and updated in your code.
JavaScript can secure better data quality when using getters and
setters.
example: Getters and setters allow you to get and set
properties via methods. <script> var person = { firstName:
'Chirag', lastName: 'Shetty',
get fullName()
{
return this.firstName + ' ' + this.lastName;
},
set fullName (name)
{
var words = name.split(' ');
this.firstName = words[0];
this.firstName = words[0].toUpperCase();
this.lastName = words[1];
}
}
document.write(person.fullName); //Getters and setters allow you
to get and set properties via methods.
document.write("<br>"+"before using set
fullname()"+"<br>"); person.fullName = 'Yash Desai';
//Set a property using set
53
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142853
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
document.writeln(person.firstName); // Yash
document.write(person.lastName); // Desai </script>
Output:
Chirag Shetty before using set fullname() YASH Desai
29. Write a Javascript that displays the following properties of Math
object.
<script type="text/javascript">
document.write("square root of 16 is =" + Math.sqrt(16) + "<br>");
document.write("floor of 16.877 is=" + Math.floor(16.877) + "<br>");
document.write("ceil of 16.877 is=" + Math.ceil(16.877) + "<br>");
document.write("ceil of 16.241 is=" + Math.ceil(16.241) + "<br>");
document.write("sin of 90 is=" + Math.sin(90));
</script>
Output:
square root of 16 is =4
floor of 16.877 is=16 ceil
of 16.877 is=17 ceil of
16.241 is=17 sin of 90
is=0.8939966636005579
30. Write a javascript function that concatenate the two strings.
<script>
function strcon(p1, p2)
{
return p1.concat(p2);
}
document.write(strcon("information","technology"));
</script>
Output:
Informationtechnology
54
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142854
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
concat() join()
The concat() method concatenates (joins) The join() method returns an array
two or more arrays. as a string.
55
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142855
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
Method 2:
The unshift() method adds one or more elements to the
beginning of an array and returns the new length of the array.
Syntax:
array.unshift(item1, item2, ..., itemX);
Example:
var fruits = [ "Banana", "Orange", "Apple", "Mango” ];
fruits.unshift( "Lemon","Pineapple” );
57
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142857
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
Method 3:
Output:
Banana,Orange,Apple,Mango
Banana,Orange,Apple,Mango,Kiwi
Banana,Orange,Apple,Mango,Kiwi,Chikoo
Method 4:
The splice() method can be used to add new items to an array, and
removes elements from an array.
Syntax:
arr.splice(start_index,removed_elements,
list_of_elemnts_to_be_added); Parameter:
The first parameter defines the position where new elements
should be added (spliced in).
The second parameter defines how many elements
should be removed.
The list_of_elemnts_to_be_added parameter define the new
elements to be added(optional).
The splice() method can be used to add new items to an array, and
removes elements from an array.
Syntax:
58
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142858
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
arr.splice(start_index,removed_elements,
list_of_elemnts_to_be_added); Parameter:
The first parameter defines the position where new elements
should be added (spliced in).
The second parameter defines how many elements
should be removed.
The list_of_elemnts_to_be_added parameter define the new
elements to be added(optional).
Example:
<script>
var fruits = ["Banana", "Watermelon", "Chikoo", "Mango", "Orange",
"Apple"]; document.write(fruits+"<br>"); fruits.splice(2,2, "Lemon",
"Kiwi"); document.write(fruits+"<br>");
fruits.splice(0,2); //removes first 2 elements from array
document.write(fruits+"<br>");
</script>
Output:
Banana,Watermelon,Chikoo,Mango,Orange,Apple
Banana,Watermelon,Lemon,Kiwi,Orange,Apple
Lemon,Kiwi,Orange,Apple
34. How to read and write cookie in javascript? Explain with
example.
59
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142859
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
You can access the cookie like this which will return all the
cookies saved for the current domain. document.cookie=x;
Example:
60
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142860
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<html>
<head> <script>
function writeCookie()
{ with(document.myform)
{ document.cookie="Name=" + person.value + ";"
alert("Cookie written");
}
} function
readCookie()
{ var x;
if(document.cookie=="")
x=""; else
x=document.cookie;
document.write(x);
}
</script>
</head>
<body>
<form name="myform" action="">
61
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142861
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
Syntax
new
RegExp("[^xyz
]") or simply:
/[^xyz]/
Syntax with modifiers
new
RegExp("[^xyz]",
"g") or simply:
/\[^xyz]/g
Example:
<html> <script>
function check()
{
var exp=/[^\*]/;
63
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142863
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
var res=exp.test(document.getElementById("txt1").value);
document.getElementById("demo1").innerHTML=res;
}
</script>
<body>
Enter text:<textarea id="txt1"></textarea>
<input type="button" onclick="check()" value="Check">
<p id="demo1"></p>
</body>
</html>
<html>
<head>
<title>JavaScript Status Bar</title></head>
<body>
64
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142864
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<a href="http://www.v2v.edu.in"
onMouseOver="window.status='Vision to Victroy';return true"
onMouseOut="window.status='';return true">
Vision 2 Victory
</a>
</body>
</html>
65
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142865
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
<html> <script>
function check()
{
var exp=/:/g;
var str=document.getElementById("txt").value;
var res=str.replace(exp,"-");
document.getElementById("demo1").innerHTML=res;
}
</script>
<body>
Enter text:<textarea id="txt"></textarea>
<input type="button" onclick="check()" value="check">
<p id="demo1"></p>
</body>
</html>
Output:
39. What is context menu? How to create it? Explain with example.
When we click the right mouse button on our desktop, a menu-like
box appears and this box is called the context menu. In
JavaScript, a context menu event runs when a user tries to open a
66
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142866
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Example:
<html>
<head> <style>
div {
background: yellow;
border: 1px solid black;
padding: 10px;
}
</style>
</head>
<body>
<div contextmenu="mymenu">
<p>Right-click inside this box to see the context menu!
67
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142867
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</div>
</body> </html>
Output:
40. Write a javascript program to validate user accounts for multiple set
of user ID and password (using swith case statement).
<html>
<body>
Enter your User ID
68
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142868
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
69
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142869
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
break; case
"konisha.thakare@vpt.edu.i
n": if(pass ==
"konisha@123"){
document.getElementById('
display').innerHTML = "Valid
User";
}
break;
default:
document.getElementById('display').innerHTML = "Invalid User";
}
}
</script>
</body>
</html>
41. Differentiate between concat() and join() methods of array object.
concat() of array object join() of array object
The concat() method concatenates The join() method returns an
(joins) two or more arrays. array as a string.
The concat() method does not The join() method does not
change the existing arrays. change the original array.
Syntax: array1.concat(array2, Syntax: array.join(separator) Any
array3, separator can be specified.
..., arrayX) The default is comma (,).
70
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142870
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Example:
<html>
<head>
<title>Using Intrinsic JavaScript Functions</title>
</head>
<body>
<FORM name="contact" action="#" method="post">
<P>
First Name: <INPUT type="text" name="Fname"/> <BR>
Last Name: <INPUT type="text" name="Lname"/><BR>
71
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142871
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
else
document.write(document.cookie);
}
</script>
</head>
<body>
<form name="myform" action="">
Enter your name:
<input type="text" name="person"><br>
<input type="Reset" value="Set" type="button"
onclick="writeCookie()">
<input type="Reset" value="Get" type="button"
onclick="readCookie()">
</form>
</body>
</html>
46. Write a javascript program to calculate add, sub, multiplication and
division of two number (input from user). Form should contain two text
boxes to input numbers of four buttons for addition, subtraction,
multiplication and division.
Code:
<html>
<head>
<script>
73
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142873
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
function
multiplyBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 *
num2;
}
function divideBy()
{
num1 =
document.getElementById("firstNumber").value; num2
= document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 /
num2;
}
function add()
{
num1 =
parseInt(document.getElementById("firstNumber").value);
num2 =
parseInt(document.getElementById("secondNumber").value);
document.getElementById("result").innerHTML = num1 + num2;
}
function subtract()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
74
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142874
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
document.getElementById("result").innerHTML = num1 -
num2;
}
</script>
</head>
<body>
<form>
1st Number : <input type="text" id="firstNumber"><br>
2nd Number: <input type="text" id="secondNumber"><br><br>
<input type="button" onClick="multiplyBy()" Value="Multiply">
<input type="button" onClick="divideBy()" Value="Divide">
<input type="button" onClick="add()" Value="Addition">
<input type="button" onClick="subtract()" Value="Subtraction">
</form>
<p>The Result is : <br>
<p id = "result"></p>
</p>
</body>
</html>
47. State what is regular expression. Explain its meaning with the help
of a suitable example.
75
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142875
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
Syntax:
A regular expression is defined with the RegExp () constructor as:
or simply
var pattern = /[pattern]/attributes;
Example:
<html>
<body>
<script>
76
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142876
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
77
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142877
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
document.write(i+"="+c+"<br>");
}
</script>
78
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142878
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Output:
79
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142879
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
<head>
<title>JavaScript Regular expression to valid an email
address</title>
</head>
<body>
<script>
function
valid_email(str)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(mailformat.test(str))
{
alert("Valid email address!");
}
else
{
alert("You have entered an invalid email address!");
}
}
valid_email('yogita.khandagale@gmail.com');
</script>
</body>
</html>
51. Write a javascript program to design HTML page with books
information in tabular format, use rollovers to display the discount
information.
<html>
80
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142880
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<head
>
<title>
table rollovers</title>
<script>
function open_new_window(clrname)
{
if(clrname==1)
{
document.clr.src="c.jpg";
mwin=window.open('','myadwin','height=50,width=50,left=500,top=20
0'); mwin.document.write("Discount is 50%");
}
if(clrname==2)
{
document.clr.src="java.jpg";
mwin=window.open('','myadwin','height=50,width=50,left=500,top=20
0'); mwin.document.write("Discount is 40%");
}
if(clrname==3)
{
document.clr.src="p.jpg";
mwin=window.open('','myadwin','height=100,width=150,left=500,top=
200'); mwin.document.write("Discount is 20%");
}
}
81
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142881
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</script>
</head>
<body>
<table border="1" width="100%">
<tbody>
<tr>
<td width="50%">
<a><img height="500" src="c.jpg" width="400" name="clr"></td>
<td><H2>
<a onmouseover="open_new_window(1)"
onmouseout="mwin.close()">
<b><u>Programming in C</u></b></a>
<br><br>
<a onmouseover="open_new_window(2)"
onmouseout="mwin.close()">
<b><u>Java</u></b></a>
<br><br>
<a onmouseover="open_new_window(3)"
onmouseout="mwin.close()">
<b><u>Python</u></b></a>
</H2>
</td>
</tr>
</tbody>
</table>
</body>
</html>
82
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142882
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
Output:
52. List ways of protecting your webpage and describe any one of them.
There is nothing secret about your web page. Anyone with a little
computer knowledge can use a few mouse clicks to display your HTML
code, including your JavaScript, on the screen.
83
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142883
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
<html>
<head> <script>
window.onload = function()
{
document.addEventListener("contextmenu", function(e)
{
e.preventDefault();
}, false);}
</script>
<body>
<h3>Right click on screen,Context Menu is disabled</h3>
</body>
</html>
2) Hiding JavaScript
You can hide your JavaScript from a visitor by storing it in an external file
on your web server. The external file should have the .js file extension.
The browser then calls the external file whenever the browser
encounters a JavaScript element in the web page. If you look at the
source code for the web page, you'll see reference to the external .js file,
but you won't see the source code for the JavaScript.
webpage.html
<html>
84
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142884
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<head>
<script src="mycode.js" languages="javascript" type="text/javascript">
</script>
<body>
<h3> Right Click on screen, Context Menu is disabled</h3>
</body> </html>
mycode.js
window.onload=fu
nction()
{
document.addEventListener("contextmenu", function(e)
{
e.preventDefault();
}, false);
}
85
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142885
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
• The first string contains the addressee and the domain along
with symbols
&, *, and _ (underscore) to confuse the bot.
• The second and third strings contain portions of the mailto:
attribute name. Remember that the bot is likely
looking for mailto:
• The fourth string contains the subject line. As you'll recall
from your HTML training, you can generate the TO,
CC, BCC, subject, and body of an e-mail from within
a web page.
• You then use these four strings to build the e-mail address. This
process starts by using the replace() method of the string object
to replace the & with the @ sign and the * with a period (.). The
underscores are replaced with nothing, which is the same as
simply removing the underscores from the string.
<html>
<head>
<title>Conceal Email Address</title>
<script>
function CreateEmailAddress()
{
var x = 'abcxyz*c_o_m'
var y = 'mai'
var z = 'lto'
var s = '?subject=Customer Inquiry'
x=
x.replace('&','
@') x =
x.replace('*','
.') x =
86
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142886
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
x.replace('_',''
)x=
x.replace('_',''
) var b = y + z
+':'+ x + s
window.location=b;
}
</script>
</head>
<body>
<input type="button" value="send" onclick="CreateEmailAddress()">
</body>
</html>
6 MARKS QUESTIONS
1. Write a HTML script which displays 2 radio buttons to the users for
fruits and vegetables and 1 option list. When user select fruits radio
button option list should present only fruits names to the user & when
user select vegetable radio button option list should present only
vegetable names to the user. <html>
<head>
<title>HTML Form</title>
<script language="javascript" type="text/javascript">
function updateList(ElementValue)
{
87
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142887
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
with(document.forms.myform)
{
if(ElementValue == 1)
{
optionList[0].text="Mango";
optionList[0].value=1;
optionList[1].text="Banana";
optionList[1].value=2;
optionList[2].text="Apple";
optionList[2].value=3;
}
if(ElementValue == 2)
{
optionList[0].text="Potato";
optionList[0].value=1;
optionList[1].text="Cabbage";
optionList[1].value=2;
optionList[2].text="Onion";
optionList[2].value=3;
}
}
}
</script>
88
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142888
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
</head>
<body>
<form name="myform" action="" method="post">
<p>
<select name="optionList" size="2">
<option value=1>Mango
<option value=2>Banana
<option value=3>Apple
</select>
<br>
<input type="radio" name="grp1" value=1
checked="true"
onclick="updateList(this.value)">Fruits <input
type="radio" name="grp1" value=2
onclick="updateList(this.value)">Vegetables
<br>
<input name="Reset" value="Reset" type="reset">
</p>
</form>
89
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142889
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</body>
</html>
2. Describe, how to read cookie value and write a cookie value. Explain
with example.
Web Browsers and Servers use HTTP protocol to communicate and
HTTP is a stateless protocol. But for a commercial website, it is required
to maintain session information among different pages. For example,
one user registration ends after completing many pages. But how to
maintain users' session information across all the web pages.
Cookies are a plain text data record of 5 variable-length fields −
Expires − The date the cookie will expire. If this is blank, the cookie
will expire when the visitor quits the browser.
Domain − The domain name of your site.
Path − The path to the directory or web page that set the cookie.
This may be blank if you want to retrieve the cookie from any
directory or page.
Secure − If this field contains the word "secure", then the cookie
may only be retrieved with a secure server. If this field is blank, no
such restriction exists.
Name=Value − Cookies are set and retrieved in the form of key-
value pairs
Cookies were originally designed for CGI programming. The data
contained in a cookie is automatically transmitted between the web
90
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142890
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
browser and the web server, so CGI scripts on the server can read and
write cookie values that are stored on the client.
JavaScript can also manipulate cookies using the cookie property
of the Document object. JavaScript can read, create, modify, and
delete the cookies that apply to the current web page.
Storing Cookies
The simplest way to create a cookie is to assign a string value to the
document.cookie object, which looks like this.
91
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142891
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
if( document.myform.customer.value
== "" ) { alert("Enter some value!");
return;
}
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie="name=" + cookievalue;
document.write ("Setting Cookies : " + "name=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick = "WriteCookie();"/>
</form>
</body>
</html>
Reading Cookies
Reading a cookie is just as simple as writing one, because the value of
the document.cookie object is the cookie. So you can use this string
whenever you want to access the cookie. The document.cookie string
92
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142892
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
value = cookiearray[i].split('=')[1];
document.write ("Key is : " + name + " and Value is : " + value);
}
}
//-->
</script>
</head>
<body>
</head>
<body>
<form action = "/cgi-bin/test.cgi" name = "myForm" onsubmit =
"return(validate());">
<table cellspacing = "2" cellpadding = "2" border = "1">
<tr>
<td align = "right">Name</td>
<td><input type = "text" name = "Name" /></td>
</tr>
<tr>
<td align = "right">EMail</td>
<td><input type = "text" name = "EMail" /></td>
</tr>
<tr>
<td align = "right"></td>
<td><input type = "submit" value = "Submit" /></td>
</tr>
95
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142895
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
</table>
</form>
</body>
</html>
<script type = "text/javascript">
<!--
// Form validation code will come
here. function validate() { if(
document.myForm.Name.value ==
"" ) { alert( "Please provide your
name!" );
document.myForm.Name.focus() ;
return false;
}
if( document.myForm.EMail.value
== "" ) { alert( "Please provide your
Email!" );
document.myForm.EMail.focus() ;
return false;
}
var emailID =
document.myForm.EMail.value;
96
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142896
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
function getPage(choice)
{
page=choice.options[choice.selectedIndex].value
; if(page != "")
{
window.location=page;
}
}
</script>
</head>
<body>
<form name="myform" action=""
method="post"> Select Your Favourite Website:
<select name="MenuChoice" onchange="getPage(this)">
<option
value="https://www.google.com">Google</option>
<option
value="https://www.msbte.org.in">MSBTE</option>
<option
value="https://www.yahoo.com">Yahoo</option>
</form>
</body>
</html>
98
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142898
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
7. Write HTML script that will display following structure Write the
JavaScript code for below operations: (1) Name, Email & Pin Code
should not be blank. (2) Pin Code must contain 6 digits & it should not
be accept any characters.
<html>
<head>
<style>
table,tr
,td
{
border: solid black 1px; border-
collapse: collapse;
}
99
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 932688142899
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
td
{
padding: 10px;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>Name : </td>
<td> <input type="text" id="name" required></td>
</tr>
<tr>
<td>Email : </td>
<td> <input type="email" id="email" required></td>
</tr>
<tr>
<td>Pin code : </td>
<td> <input type="number" id="pin" required></td>
</tr>
<tr>
100
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428100
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
<td></td>
<td><button onclick="submit()">Submit</button></td>
</tr>
</tbody>
</table>
</body>
<script>
function submit()
{
var name =
document.getElementById("name").value; var
email = document.getElementById("email").value;
var pin =
Number(document.getElementById("pin").value);
if(name.length==0 || email.length==0 ||
pin.length==0)
{
alert("Please enter value in all fields.")
}
101
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428101
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
else
{
var pinpattern =/^[4]{1}[0-
9]{5}$/; if(
pinpattern.test(pin))
{
alert("Perfect Pin code");
}
else
{
alert("Wrong Pin code.");
}
}
}
</script>
</html>
8.Write a webpage that displays a form that contains an input for user
name and password. User is prompted to enter the input user name
and password and password becomes the value of the cookie. Write the
JavaScript function for storing the cookies. It gets executed when the
password changes. <html>
<head>
<script>
102
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428102
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
function storeCookie()
{
var pwd = document.getElementById('pwd').value
document.cookie = "Password=" + pwd + ";"
alert("Cookie Stored\n"+document.cookie);
}
</script>
</head>
<body>
<form name="myForm">
Enter Username <input type="text" id="uname"/><br/>
Enter Password <input type="password" id="pwd"/><br/>
<input type="button" value="Submit" onclick="storeCookie()"/>
<p id="panel"></p>
</form>
</body>
</html>
10. Write HTML script that will display dropdown list containing options
such as Red, Green, Blue and Yellow. Write a JavaScript program such
103
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428103
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
that when the user selects any options. It will change the background
colour of webpage. <html>
<body>
<label for="color">Choose a Background Color:</label>
<select name="color" id="color" class="color"
onchange="changeColor()">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
<option value="yellow">Yellow</option>
</select>
<script type="text/javascript">
function changeColor() {
var color = document.getElementById("color").value;
switch(color){
case "green":
document.body.style.backgroundColor =
"green"; break; case "red":
document.body.style.backgroundColor =
"red"; break; case "blue":
document.body.style.backgroundColor =
"blue"; break; case "yellow":
104
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428104
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
document.body.style.backgroundColor =
"yellow"; break; default:
document.body.style.backgroundColor =
"white"; break;
}
}
</script>
</body>
</html>
13. Write a HTML script that displays textboxes for accepting emp id,
name and designation. Write proper JavaScript such that when the user
clocks the submit button
i) all textboxes change the color to Blue ii) constructs mail
id as <id><name>@yahoo.com and display mail id.
<html>
<body>
<form action=" ">
EmpId:
<input type="text" id="eid" onchange="highlightid(this)">
<br><br>
Name:
<input type="text" id="name" onchange="highlightname(this)">
<br><br>
105
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428105
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
}
function highlightdes(z)
{
z.style.color="blue";
z.style.backgroundColor="pink";
}
</script>
</body>
</html>
Output:
107
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428107
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
function start()
108
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428108
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
{
obj.style.left=parseInt(obj.style.left)+ 10 + 'px';
animate=setTimeout(start,10);
}
function stop()
{
clearTimeout(animate);
obj.style.left='0 px';
}
window.onload=init;
</script>
</head>
<body>
<img id="car" src="car.jpg">
<br><br>
<input value="Start" type="button" onclick="start()"/>
109
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428109
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
110
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428110
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
NumOfBanners = Banners.length;
function LinkBanner(){ document.location.href
=
"http://www." + BannerLink[CurrentBanner];
}
function DisplayBanners()
{
if (document.images)
{
CurrentBanner++;
if (CurrentBanner == NumOfBanners)
{
CurrentBanner = 0;
}
document.RotateBanner.src= Banners[CurrentBanner];
setTimeout("DisplayBanners()",1000);
}}
</script>
</head>
<body onload="DisplayBanners();" >
<center>
<a href="javascript: LinkBanner()">
<img src="1.jpg" width="400" height="200"
name="RotateBanner" /></a>
</center>
</body>
</html>
18. Write a Javascript to create menu using “folding tree menu”.
Code:
<html>
112
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428112
V2V EdTech LLP |CSS-Client side scripting language |ALL Board Questions
#myUL {
margin: 0;
113
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428113
V2V EdTech LLP| CSS-Client side scripting language| ALL Board Questions
padding: 0;
}
.caret { cursor:
pointer;
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */ -ms-
user-select: none; /* IE 10+ */ user-select:
none;
}
.caret::before {
content: "\25B6";
color: black; display:
inline-block;
margin-right: 6px;
}
.caret-down::before {
-ms-transform: rotate(90deg); /* IE 9 */ -webkit-
transform: rotate(90deg); /* Safari */' transform:
rotate(90deg);
}
.nested {
114
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428114
V2V EdTech LLP|CSS-Client side scripting language| ALL Board Questions
display: none;
}
.active {
display: block;
}
</style>
</head>
<body>
<ul id="myUL">
<li><span class="caret">India</span>
<ul class="nested">
<li>Karnataka</li>
<li>Tamilnaadu</li>
<li><span class="caret">Maharashtra</span>
<ul class="nested">
<li>Mumbai</li>
115
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428115
V2V EdTech LLP|CSS-Client side scripting language| ALL Board Questions
<li>Pune</li>
<li><span class="caret">Navi Mumbai</span>
<ul class="nested">
<li>Nerul</li>
<li>Vashi</li>
<li>Panvel</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<script> var toggler = document.getElementsByClassName("caret"); var i;
for (i = 0; i < toggler.length; i++) { toggler[i].addEventListener("click",
function() {
this.parentElement.querySelector(".nested").classList.toggle("active");
this.classList.toggle("caret-down");
});
}
</script>
</body>
</html>
116
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428116
V2V EdTech LLP|CSS-Client side scripting language| ALL Board Questions
Output:
117
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428117
V2V EdTech LLP|CSS-Client side scripting language| ALL Board Questions
if(string == reverseString) {
document.write('It is a palindrome');
} else { document.write('It is not a
palindrome');
}
118
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428118
V2V EdTech LLP | CSS-Client side scripting language | ALL Board Questions
}
//take input const string =
prompt('Enter a string: ');
checkPalindrome(string);
</script>
20. Develop javascript to convert the given character to unicode and vice-
versa. <script> var x="HeLLO"; document.writeln(x.charCodeAt(3));
document.writeln("<br>"+x.charCodeAt(1));
document.writeln("<br>"+x.charCodeAt(4)); document.writeln("<br>");
var res = String.fromCharCode(72, 69, 76, 76, 79); document.write(res);
</script>
Output:
21. Write a javascript program to create a silde show with the group of six
images, also simulate the next and previous transition between slides in your
javascript.
<html>
<title>slideshow</title>
<body>
<h2 class="w3-center">Manual Slideshow</h2>
<div class="w3">
<img class="mySlides" src="1.jpg" style="width:50%">
<img class="mySlides" src="2.jpg" style="width:50%">
<img class="mySlides" src="3.jpg" style="width:50%">
<img class="mySlides" src="4.jpg" style="width:50%">
119
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428119
V2V EdTech LLP | CSS-Client side scripting language | ALL Board Questions
<script> var
slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n)
{
showDivs(slideIndex += n);
}
function showDivs(n)
{
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length)
{
slideIndex = 1
}
if (n < 1)
{
slideIndex = x.length
}
120
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428120
V2V EdTech LLP | CSS-Client side scripting language | ALL Board Questions
b.html
121
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428121
V2V EdTech LLP | CSS-Client side scripting language | ALL Board Questions
<html>
<head>
<title>Web Page 1</title>
</head>
<body>
<form action="" method="post">
<p><a href="j.png" target="b">
<input name="WebPage1" value="Click here!" type="button">
</a></p>
</body>
</html>
im.html
<html>
<head>
<title>Web Page 1</title>
</head>
<body>
<img src="i.png">
</body>
</html>
Output:
122
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428122
V2V EdTech LLP | CSS-Client side scripting language | ALL Board Questions
24. Write a javascript function to generate Fibonacci series till user defined limit.
<script> function fibonacci(num)
{ var x = 0; var y = 1;
var z; var i = 0;
document.write(x);
document.write("<br>"+y);
for (i = 2; i < num; i++)
{
z = x + y;
x = y; y
= z;
document.write("<br>"+y);
}
}
var num = parseInt(prompt('Enter the number of terms: ')); answer
= fibonacci(num);
</script>
123
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428123
V2V EdTech LLP | CSS-Client side scripting language | ALL Board Questions
Output:
124
Fy-Diploma (URJA) [LIVE] (Sem 2) only at 4999/- BUY NOW
Sy-Diploma (UMANG ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
Ty-Diploma (YUKTI ) [LIVE] (Sem 3 + sem 4) : only at 4999/- BUY NOW
All Courses : CHECK NOW YOUTUBE : SUBSCRIBE NOW INSTA : FOLLOW NOW
Download V2V APP on Playstore for more FREE STUDY MATERIAL
Contact No : 9326050669 / 9326881428124