Web Development Final Test (paper-1)

OBJECTIVE TYPE
Question:1 Choose the Correct Option. (20*1 = 20)
1. Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to
_______ as the device or viewport size increases.

A. 9 columns B. 10 columns C. 11 columns D. 12 columns

2. Can we make images responsive?

A. TRUE B. FALSE C. Can be true or falseD. Can not say

3. _________ in Bootstrap allow you to move, show and hide content based on viewport size.

A. Media Queries B. Col QueriesC. Row Queries D. Subquery Queries

4. C# programming language is used to develop –

a. Web apps b. Desktop app c. Mobiles appd. All of the above

5. Every C# statement is terminated by ___.

a. Colon (:) b. Semicolon (;) c. Comma (,) d. Dot (.)

6. Which tag is used to define list items?

a. <ol> ... </ol> b. <ul> ... </ul> c. <list> ... </list> d.<li> ... </li>
7. Can we use class name with multiple HTML elements?
a. Yes b. No

8. Which tag is used to display a clickable button?

a. <input type="submit">
b. <input type="checkbox">
c. <input type="text">
d. <input type="button">
9. Which JavaScript method is used to call a function (a callback function) once for each array
element?
a. for() b. traverse() c. forEach() d. foreach()

10. What will be the output of the following JavaScript code?

<script>
const arr = [10, 20, 30];
let result = 0;

arr.forEach(myFunction);

document.write("Result: " , result)

function myFunction(value, index, array) {
result += value;
}
</script>
 a. Result: 60 b. Result: 102030 c. Result: 10,20,30 d. ValueError

11. What are the valid values for "position" property?

a. block, none, fixed, absolute, and static
b. block, static, fixed, absolute, and sticky
c. static, relative, fixed, absolute, and none
d. static, relative, fixed, absolute, and sticky
12. Does the z-index property accept negative values?
a. Yes b. No
13. In the given line of code, identify the type of selector used.
#Main {background-color: yellow;}
a. CSS element selector
b. CSS id selector
c. Combinator selector
d. All of the above
14. Where do we store external stylesheets?
A. HTML files b. CSS files c. Folder d. None of these
15. The text-align property defines the ___ alignment of text in an element.
a. Horizontal b. vertical c. both horizontal & vertical d. None of these
16. Which property is used to define the HTML content to an HTML element with a specific id?
a. innerText b. innerContent c. elementTextd. innerHTML
17. Which JavaScript keyword is used to declare a variable?
a. Var b. var c. Let d. All the above
18. What will be the output of the following JavaScript code?

<script>
function addition(a, b) {
return a+b;
}
document.getElementById("test").innerHTML = addition;
</script>

a. SyntaxError b. ValueError c. 0 d. function addition(a, b) { return a+b; }

19. Which property is used to get the length of a string in JavaScript?
a. Strlen b. len c. length d. Length
20. Which is/are the valid JavaScript method(s) to extract string parts?
a. slice(start, end) b. substring(start, end) c. substr(start, length) d. All the above
 Web Development Final Test (paper-1)
SUBJECTIVE TYPE

1. Check whether a triangle is valid or not if the sides are given.

Explanation
Input: a=3, b=8, c=10

Output: Valid

Input: a=3,b=4,c=1

Output: Invalid

2. Explain the difference between forEach( ) , map( ) , filtter( ) and reduce( ) method in detail.
3. Write a JavaScript program that computes the average marks of the following students. Then, this
average is used to determine the corresponding grade.

Student Name Marks

David 80

Vinoth 77

Divya 88

Ishitha 95

Thomas 68

The grades are computed as follows:

Range Grade

<60 F

<70 D

<80 C

<90 B

<100 A
4. Design a registration form by using HTML, CSS by using Grid system.

Web Development Final Test (paper-2)

 OBJECTIVE TYPE
Question:1 Choose the Correct Option. (20*1 = 20)
1. In which part of the HTML metadata is contained?
a) head tag b) title tag c) html tag d) body tag
2. Which of the following tag is used to create a text area in HTML Form?
a) <textarea> </textarea>
b) <text></text>
c) <input type=”text” />
d) <input type=”textarea” />
3. Which tag is used to create a dropdown in HTML Form?
a) <input> b) <select> c) <text> d) <textarea>
4. Which tag is used to create a numbered list in HTML?
a) <ol> b) <ul>c) <li> d) <ll>
5. What is the use of <hr/> tag in HTML?
a) For making content appearance italics
b) To create vertical rule between sections
c) To create a line break
d) To create horizontal rule between sections
6. What will be the output of the following C# code snippet?

1. static void main(String args[])

2. {
3. char chars[] = {'x', 'y', 'z'};
4. String s = new String(chars);
5. Console.WriteLine(s);
6. }
a) x b) xy c) z d) xyz

7. Which of these methods returns the string such that some characters which are specified to be
removed from the end of strings are removed from string by mentioning the number of characters to be
removed?
a) Trim() b) Remove() c) TrimEnd() d) Split()

8. What will be the output of the following JavaScript code?

function range(int javascript)

{
int a=5;
for(int i=0;i<javascript;i++)
{
console.log(a);
}
}
range(3);
a) 2 b) 5 c) 555 d) error
9. What will be the output of the following JavaScript code?

var quiz=[1,2,3];
var js=[6,7,8];
var result=quiz.concat(js);
document.writeln(result);
a) 1, 2, 3, 6, 7, 8 b) 123 c) 1, 2, 3 d) Error

10. What will be the output of the following JavaScript code?

function compare()
{
int sanfoundry=1;
char javascript=1;
if(sanfoundry.tostring()===javascript)
return true;
else
return false;
}
a) runtime error b) logical error c) true d) false

11. What will be the output of the following JavaScript code?

var string2Num=parseInt("123xyz");
a) 123 b) 123xyz c) Exception d) NaN

12. Which is the correct syntax to call an external JavaScript file in the current HTML document?

A. <script src="jsfile.js"></script>
B. <script href=" jsfile.js"></script>
C. <import src=" jsfile.js"></import>
D. <script link=" jsfile.js"></script>

13. Which JavaScript method is used to write on browser's console?

A. console.write()
B. console.output()
C. console.log()
D. console.writeHTML()

14. In JavaScript, multi-line comments start with __ and end with ___.

A. /* and */
B. <!—and -->
C. ## and ##
D. // and //
15. What will be the value of VALUE?

<script>
const VALUE = 10;
VALUE = 20;
</script>

A. 10
B. 20
C. ValueError
D. TypeError

16. Which of the following function defines a linear gradient as a CSS image?
a) gradient() b) linear-gradient() c) grayscale() d) image(

17. Which of the following property is used as the shorthand property for the padding properties?

a. padding-left b. padding-right c. padding d. All of the above

18. Which of the following is the correct syntax to select the p siblings of a div element?

a. p b. div + p c. div pd. div ~ p

19. The CSS property used to specify the transparency of an element is –

a. Hover b. opacity c. clearfix d. overlay

20. Which CSS property and value is used to center an element?

A. text-align:center
B. align:center
C. text-align:middle
D. align:middle

Web Development Final Test (paper-2)

 SUBJECTIVE TYPE
1. Write a JavaScript program to remove items from a drop-down list.
Sample HTML file :

</head><body><form>

<select id="colorSelect">

<option>Red</option>

<option>Green</option>

<option>White</option>

<option>Black</option>

</select>

<input type="button" onclick="removecolor()" value="Select and Remove">

</form>

2. Write down complete note About useState, UseEffect, useRef, write down a code to create button and after click the button tab show (chat(0))
and this value increase after to click the button. And create a counter system App.

3. Write a function that accepts an array of strings. Return the longest string.
4. write down the use of carouse, write down the code to create slider and add random images by using it.

Web Development Final Test (paper-3)

 OBJECTIVE TYPE
Question:1 Choose the Correct Option. (20*1 = 20)

1. Which of the following function defines a linear gradient as a CSS image?

a) gradient() b) linear-gradient() c) grayscale() d) image(

2. Which of the following property is used as the shorthand property for the padding properties?

a. padding-left b. padding-right c. padding d. All of the above

3. Which of the following is the correct syntax to select the p siblings of a div element?

a. p b. div + p c. div pd. div ~ p

4. The CSS property used to specify the transparency of an element is –

a. Hover b. opacity c. clearfix d. overlay

5. Which CSS property and value is used to center an element?

E. text-align:center
F. align:center
G. text-align:middle
H. align:middle

6. In which part of the HTML metadata is contained?

a) head tag b) title tag c) html tag d) body tag
7.Which of the following tag is used to create a text area in HTML Form?
a) <textarea> </textarea>
b) <text></text>
c) <input type=”text” />
d) <input type=”textarea” />
8. Which tag is used to create a dropdown in HTML Form?
a) <input> b) <select> c) <text> d) <textarea>
9. Which tag is used to create a numbered list in HTML?
a) <ol> b) <ul> c) <li> d) <ll>
10. What is the use of <hr/> tag in HTML?
a) For making content appearance italics
b) To create vertical rule between sections
c) To create a line break
d) To create horizontal rule between sections
11. What will be the output of the following JavaScript code?

var string2Num=parseInt("123xyz");

a) 123 b) 123xyz c) Exception d) NaN

12. Which is the correct syntax to call an external JavaScript file in the current HTML document?

E. <script src="jsfile.js"></script>
F. <script href=" jsfile.js"></script>
G. <import src=" jsfile.js"></import>
H. <script link=" jsfile.js"></script>

13. Which JavaScript method is used to write on browser's console?

E. console.write()
F. console.output()
G. console.log()
H. console.writeHTML()

14. In JavaScript, multi-line comments start with __ and end with ___.

E. /* and */
F. <!—and -->
G. ## and ##
H. // and //

15. What will be the value of VALUE?

<script>
const VALUE = 10;
VALUE = 20;
</script>

E. 10
F. 20
G. ValueError
H. TypeError

16. What will be the output of the following C# code snippet?

7. static void main(String args[])

8. {
9. char chars[] = {'x', 'y', 'z'};
10. String s = new String(chars);
11. Console.WriteLine(s);
12. }
a) x b) xy c) z d) xyz

17. Which of these methods returns the string such that some characters which are specified to be removed
from the end of strings are removed from string by mentioning the number of characters to be removed?
a) Trim() b) Remove() c) TrimEnd() d) Split()
18. What will be the output of the following JavaScript code?

function range(int javascript)

{
int a=5;
for(int i=0;i<javascript;i++)
{
console.log(a);
}
}
range(3);
a) 2 b) 5 c) 555 d) error

19. What will be the output of the following JavaScript code?

var quiz=[1,2,3];
var js=[6,7,8];
var result=quiz.concat(js);
document.writeln(result);
a) 1, 2, 3, 6, 7, 8 b) 123 c) 1, 2, 3 d) Error

20. What will be the output of the following JavaScript code?

function compare()
{
int sanfoundry=1;
char javascript=1;
if(sanfoundry.tostring()===javascript)
return true;
else
return false;
}
a) runtime error b) logical error c) true d) false

Web Development Final Test (paper-3)

 SUBJECTIVE TYPE
1. Describe All about positions in CSS3. How can we use It. Where can we use it?
2. We have an Ecommerce website and there are many products. Write down a code to filter the images of the
product.

3. Create a page welcome message:

i. Get the username in the input field

ii. When the button is pressed add an event that get the username and creates a welcome message on the page

iii. Add a check to ensure the length of the input is larger than 3 characters long.

4. we create a billing software, and we have 10 products and we create a bill after of the purchasing products
Add 200 sales text of every bill.

Web Development Final Test (paper-4)

Question:1 Choose the Correct Option. (20*1 = 20)

4. Which property is used to define the HTML content to an HTML element with a specific id?
b. innerText b. innerContent c. elementTextd. innerHTML
5. Which JavaScript keyword is used to declare a variable?
b. Var b. var c. Let d. All the above
6. What will be the output of the following JavaScript code?

<script>
function addition(a, b) {
return a+b;
}
document.getElementById("test").innerHTML = addition;
</script>

b. SyntaxError b. ValueError c. 0 d. function addition(a, b) { return a+b; }

7. Which property is used to get the length of a string in JavaScript?
b. Strlen b. len c. length d. Length
8. Which is/are the valid JavaScript method(s) to extract string parts?
b. slice(start, end) b. substring(start, end) c. substr(start, length) d. All the above
9. What are the valid values for "position" property?
a. block, none, fixed, absolute, and static
b. block, static, fixed, absolute, and sticky
c. static, relative, fixed, absolute, and none
d. static, relative, fixed, absolute, and sticky
10. Does the z-index property accept negative values?
a. Yes b. No
11. In the given line of code, identify the type of selector used.
#Main {background-color: yellow;}
a. CSS element selector
b. CSS id selector
c. Combinator selector
d. All of the above
12. Where do we store external stylesheets?
B. HTML files b. CSS files c. Folder d. None of these
13. The text-align property defines the ___ alignment of text in an element.
a. Horizontal b. vertical c. both horizontal & vertical d. None of these
14. Which tag is used to define list items?
a. <ol> ... </ol> b. <ul> ... </ul> c. <list> ... </list> d.<li> ... </li>
15. Can we use class name with multiple HTML elements?
a. Yes b. No

16. Which tag is used to display a clickable button?

a. <input type="submit">
b. <input type="checkbox">
c. <input type="text">
d. <input type="button">
17. Which JavaScript method is used to call a function (a callback function) once for each array
element?
a. for() b. traverse() c. forEach() d. foreach()
 18. What will be the output of the following JavaScript code?

<script>
const arr = [10, 20, 30];
let result = 0;

arr.forEach(myFunction);

document.write("Result: " , result)

function myFunction(value, index, array) {
result += value;
}
</script>

a. Result: 60 b. Result: 102030 c. Result: 10,20,30 d. ValueError

19. Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to
_______ as the device or viewport size increases.

A. 9 columns B. 10 columns C. 11 columns D. 12 columns

20. Can we make images responsive?

A. TRUE B. FALSE C. Can be true or falseD. Can not say

21. _________ in Bootstrap allow you to move, show and hide content based on viewport size.

A. Media Queries B. Col QueriesC. Row Queries D. Subquery Queries

19. C# programming language is used to develop –

a. Web apps b. Desktop app c. Mobiles appd. All of the above

20. Every C# statement is terminated by ___.

a. Colon (:) b. Semicolon (;) c. Comma (,) d. Dot (.)

Web Development Final Test (paper-3)

 SUBJECTIVE TYPE
1. Write down a code, create navigation Bar and add hover on it.
Write Pseudo-element code to add border-bottom on it. By using transition.

2. Write a JavaScript program to remove items from a drop-down list.

Sample HTML file :

</head><body><form>

<select id="colorSelect">

<option>Red</option>

<option>Green</option>

<option>White</option>

<option>Black</option>

</select>

<input type="button" onclick="removecolor()" value="Select and Remove">

</form>

3. Check whether a triangle is valid or not if the sides are given.

Explanation
Input: a=3, b=8, c=10

Output: Valid

Input: a=3,b=4,c=1

Output: Invalid

4. Add a required validation to each input that shows an error message next to the entry if it does not
have any text entered.