SNJB's Shri Hiralal Hastimal (Jain Brothers, Jalgaon)

Polytechnic, Chandwad (All AICTE Approved Programs NBA Accredited)

Academic Year: 2023-2024 CM5I CSS 22519

PAT1 Offline Mode

Guidelines for setting Question Paper

 As per MSBTE guidelines, PAT 1 is to be conducted in offline mode during 04 to 06 Sept. 2023
 Refer MSBTE curriculum for Specification table for Question paper design
 Refer MSBTE sample paper available online on MSBTE website.
 Remember level- 30% ,Understand level: 35-40% , Application level- 30 to 40 %
Maximum Marks: 20 with option 26 or 28 marks
 Write list of course outcomes to be considered for designing Question paper
 Prepare Question paper specification table as per given format
List of Course Outcomes for PAT 1

Marks out of
CO No. CO Statement
26 for PAT 1
CO1 Create interactive web pages using program flow control structure. 08
CO2 Implement arrays and functions in Java script. 10
CO3 Create event based web forms using Java script. 08

Question Paper Specification Table:

Question Distribution of Marks

CO No.
No. R U A
Q.1 Attempt any FOUR (08 Marks)
a CO1 02 ---- ----
b CO1 ---- 02 ----
c CO2 02 ---- ----
d CO3 02 ---- ----
e CO3 ---- ---- 02
Q.2 Attempt any TWO ( 12 Marks)
a CO1 ---- ---- 04
b CO2 ---- 04 ----
c CO2 ---- ---- 04
d CO3 ---- 04 ----
Total 06 10 10
% 23.07% 38.46% 38.46%
Copy for Record

SNJB's Shri Hiralal Hastimal (Jain Brothers, Jalgaon) Polytechnic,

Chandwad (All AICTE Approved Programs NBA Accredited)
Academic Year 2023-2024

PAT 1 Question Paper

Program Name : Computer Technology
Program Code : CM
Semester : Fifth
22519
Name of Course : Client Side Scripting Language
Marks : 20 Date: 06/09/2023

Instructions: All questions are compulsory

1. Illustrate your answers with sketches whenever necessary.

2. Figures to the right indicates full marks
3. Preferably, write the answers in sequential order.
4. Assume suitable data if necessary

Q.1 Attempt any FOUR (08 Marks)

CO1(R) a) List any four:

i) Arithmetic operators
ii) Relational operators
CO1(U) b) Explain if…else with example.
CO2(R) c) How to define function.
CO3(R) d) List any four form elements.
CO3(A) e) Develop a code for onclick event in JavaScript.

Q.2 Attempt any THREE (12 Marks)

CO1(A) a) Develop a program to create person object with properties firstname, lastname, age,
eye color, delete eye color property and display remaining properties of person
object.
CO2(U) b) Explain join( ) method with example.
CO2(A) c) Develop a code to call function from HTML.
CO3(U) d) Explain how to change Label dynamically with the help of example.

Sign of Course Teacher Sign of Moderator Sign of HOD

SNJB's Shri Hiralal Hastimal (Jain Brothers, Jalgaon) Polytechnic,
Chandwad (All AICTE Approved Programs NBA Accredited)
Academic Year 2023-2024

PAT 1 Question Paper

Program Name : Computer Technology
Program Code : CM
Semester : Fifth
22519
Name of Course : Client Side Scripting Language
Marks : 20 Date: 06/09/2023

Instructions: All questions are compulsory

5. Illustrate your answers with sketches whenever necessary.

6. Figures to the right indicates full marks
7. Preferably, write the answers in sequential order.
8. Assume suitable data if necessary

Q.3 Attempt any FOUR (08 Marks)

CO1(R) a) List any four:

iii) Arithmetic operators
iv) Relational operators
CO1(U) b) Explain if…else with example.
CO2(R) c) How to define function.
CO3(R) d) List any four form elements.
CO3(A) e) Develop a code for onclick event in JavaScript.

Q.4 Attempt any THREE (12 Marks)

CO1(A) a) Develop a program to create person object with properties firstname, lastname, age,
eye color, delete eye color property and display remaining properties of person
object.
CO2(U) b) Explain join( ) method with example.
CO2(A) c) Develop a code to call function from HTML.
CO3(U) d) Explain how to change Label dynamically with the help of example.
 Model Answer of CSS (22519) PAT 1

Q.1 Attempt any FOUR (08 Marks)

Que. Marking
Question & Answer
No. Scheme
a List any four:
i) Arithmetic operators
ii) Relational operators
Answer:
i) Arithmetic operators:
a) + (Addition)
b) – (Subtraction)
c) * (Multiplication) 1 Mark for
d) / (Division) each
e) % (Mod) operators list
ii) Relational operators:
a) < (Less than)
b) > (Greater than)
c) <= (Less than or equal to)
d) >= (Greater than or equal to)
e) = = (Equal to)
f) != (Not equal to)
b Explain if…else with example.
Answer:
Explanation:
The if…else statement executes a block of code if a specified condition is true. If
the condition is false, another block of code can be executed.
Syntax:
if (condition) {
// block of code to be executed if the condition is true
}
else { 01 Mark for
// block of code to be executed if the condition is false Explanation
and 01 Mark
}
for Example
Example:
<html>
<head>
<title> Greater from Two numbers </title>
</head>
<body>
<script type="text/javascript">
var a=4, b=7;
if(a>b)
{
 alert("a is greater");
}
else
alert("b is greater");
</script>
</body>
</html>
c How to define function.
Answer:
i) A JavaScript function is defined with the function keyword, followed by a
name, followed by parentheses ().
ii) The parentheses may include parameter names separated by commas. 2 Marks for
iii) The code to be executed, by the function, is placed inside curly brackets: { } function
Function define using: definition
function name(parameter1, parameter2, parameter3)
{
// code to be executed
}
d List any four form elements.
Answer:
i) Button
ii) Checkbox
1/2 Mark for
iii) Option
each element
iv) Radio Button
v) Select
vi) Text
vii) Textarea
e Develop a code for onclick event in JavaScript.
Answer:
<html>
<body>
<h2>The onclick Event</h2>
<p id="demo" onclick="myFunction()">Click me.</p>
<script> 2 Marks for
function myFunction() { correct logic
document.getElementById("demo").innerHTML = "YOU CLICKED ME!";
}
</script>
</body>
</html>

Q.2) Attempt any TWO (12 Marks)

Que. Marking
Question & Answer
No. Scheme
a Develop a program to create person object with properties firstname,
lastname, age, eye color, delete eye color property and display remaining
properties of person object.
Answer:
<html>
<body>
 <h2>JavaScript Object</h2>
<p id="demo"></p>
<p id="demo1"></p>
<script>
//Person objects
person={firstname:"john",lastName:"Doe",age:50,eyeColor:"blue"};

//Before delete eyeColor property 4 Marks for

// Display full name correct logic
document.getElementById("demo").innerHTML="First (Any other
name:"+person.firstname+"<br>Last logic may
name:"+person.lastName+"<br>Age:"+person.age+"<br>Eye consider)
color:"+person.eyeColor;

delete person.eyeColor
//After delete eyeColor property
// Display full name
document.getElementById("demo1").innerHTML="First
name:"+person.firstname+"<br>Last
name:"+person.lastName+"<br>Age:"+person.age+"<br>Eye
color:"+person.eyeColor;
</script>
</body>
</html>
b Explain join( ) method with example.
Answer:
i) The join() method returns an array as a string.
ii) The join() method does not change the original array.
iii) Any separator can be specified. The default is comma (,).
Syntax:
array.join(separator)
Example:
<html> 2 Marks for
<body> explanation
<h1>JavaScript Arrays</h1> and
<h2>The join() Method</h2> 2 Marks for
<p>join() returns an array as a string:</p> correct
<p id="demo"></p> example
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let text = fruits.join();
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
c Develop a code to call function from HTML.
Answer:
<html>
<head>
<title> Demo of Calling a Function From HTML </title>
<script type="text/javascript"> 4 Marks for
function fun() correct logic
{ (Any other
document.write("This is A sample statement in Fun()."); logic may
} consider)
</script>
</head>
<body onload="fun()">
</body>
</html>

d Explain how to change Label dynamically with the help of example.

Answer:
i) When we change label of any form element dynamically, the same element
can be used for multiple purpose by simply changing the label.
ii) For example in this example we change label of button “OK” to “Submit”
and ="Done" after clicking on button.
Example:
<html>
<head>
<title> Demo of Changing Lable Dynamically</title>
</head>
<body>
<form action="" name="form1">
<input type="button" value="OK" name="btn1" onclick="fun(this.value)">
</form> 1 Mark for
<script type="text/javascript"> explanation
function fun(b1) and
{
with(document.forms.form1) 3 Marks for
{ correct
if(b1=="OK") example
{
btn1.value="Submit";
}
if(b1=="Submit")
{
btn1.value="Done";
}
if(b1=="Done")
{
btn1.value="OK";
} }}
</script>
</body>
</html>