Web Development Final Papers

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
<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
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.

OBJECTIVE TYPE
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()
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
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
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
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

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.

OBJECTIVE TYPE
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
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()
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
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
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

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.

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
<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()
<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 (.)

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.

Web Development Final Papers

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Development Final Papers

Uploaded by

Copyright:

Available Formats

Web Development Final Test (paper-1)

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

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

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?

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

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

document.write("Result: " , result)

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

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

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

Student Name Marks

The grades are computed as follows:

Web Development Final Test (paper-2)

1. static void main(String args[])

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

function range(int javascript)

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

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

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

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

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?

Web Development Final Test (paper-2)

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

Web Development Final Test (paper-3)

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

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

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?

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

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

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

15. What will be the value of VALUE?

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

7. static void main(String args[])

function range(int javascript)

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

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

Web Development Final Test (paper-3)

3. Create a page welcome message:

i. Get the username in the input field

Web Development Final Test (paper-4)

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

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

document.write("Result: " , result)

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

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

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

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)

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