CS202 Final Term Subjective and Objective

Cs202 Final term prep 2025

1. HTML Basics

1. What is the purpose of the <form> tag?

→ To collect user input and send it to a server.

2.

allowfullscreen></iframe>

3. Name two HTML5 input types.

email

Write HTML to create a form with name, email, and submit button.

<form>

Name: <input type="text"><br>

Email: <input type="email"><br>

<input type="submit">

</form>

2. CSS Essentials

1. What is the universal selector in CSS?

selects all elements.

2. Explain the CSS Box Model.

→ It includes content, padding, border, and margin.

3. Difference between id and class selector?

#id is unique, .class can be reused.

Write CSS to style a box with a red border and 10px padding.

.box { border: 2px solid red;

padding: 10px;

3. Responsive Design

1. What is the purpose of a media query?

→ To apply styles based on device width/height.

2. What unit is commonly used in media queries?

px (pixels)

3. How does flex-wrap help in responsiveness?

→ Allows items to wrap to the next line on small screens.

Write a media query that changes background color on screens < 768px.

media screen and (max-width: 768px) {

body {

background-color: lightgray;

4. JavaScript Fundamentals

1. What is the use of typeof operator?

→ To check the data type of a variable.

2. Name two types of loops in JavaScript.

for while

3. Write syntax to declare an array.

let arr = [1, 2, 3];

Write a function to calculate the square of a number.

function square(num) {

return num * num;

5. DOM Manipulation & Events in JS & jQuery

1. What is the purpose of addEventListener()

→ To attach events like click, hover to HTML elements.

2. How to get the value of an input field using JS?

document.getElementById("input").value

3. What is the DOM?

→ Document Object Model, a tree of HTML elements accessible via JS.

Write JS code to change text of a paragraph on button click.

<p id="para"> Hello</p>

<button onclick="changeText()"> Click</button>

<script>

function changeText() {

document.getElementById("para").innerText = " Updated!";

</script>

6. jQuery Methods

1. How to hide an element in jQuery?

$("#id").hide();

2. What does .fadeIn() do?

→ Smoothly displays a hidden element.

3. What is method chaining in jQuery?

→ Using multiple jQuery methods on the same element.

Write jQuery to animate a box and change its text.

$("#box").fadeIn(1000).text(" Welcome!").css("color", "blue");