The IIT Madras BS Modern Application Development II (MAD 2) Quiz 1 paper sat on 15 Mar 2026, in the January 2026 term: 17 questions for 51 marks in 120 minutes. Every question is below with its answer. Take it as a timed mock test to be marked, or read it through first.
Which of the following statements about JavaScript scope is/are correct in the browser?
is function-scoped
and are block-scoped
Variables declared with are hoisted and initialized with
variables can be declared without initialization
Global variables are always attached to window (as a property)
Correct answers
is function-scoped
and are block-scoped
Which of the following statements about JavaScript functions is/are true?
Every function in JavaScript is an object.
Arrow functions have their own “this” binding
Function declarations are hoisted.
Function expressions assigned to variables are hoisted with their function value.
Correct answers
Every function in JavaScript is an object.
Function declarations are hoisted.
Consider the following JavaScript code:
What will be printed on the console?
20
10
undefined
3
Correct answer
20
Consider the following JavaScript code:
The above code is initially loaded in the browser, and then the browser is refreshed two times. What will be the final output printed in the console?
—
—
—
—
Correct answer
—
Match the following storage mechanisms used in the browser with their correct characteristics.
Which of the following is the correct matching?
1 → B, 2 → C, 3 → A
1 → B, 2 → A, 3 → C
1 → A, 2 → C, 3 → B
1 → B, 2 → C, 3 → D
Correct answer
1 → B, 2 → C, 3 → D
Consider the following Vue application with markup index.html and javascript file app.js. index.html:
app.js:
What will be rendered by the browser after 4 seconds?
total payable amount is 6000
total payable amount is 8200
total payable amount is 1800
total payable amount is 7800
Correct answer
total payable amount is 8200
What will be the output of the following program ?
Undefined
Modern Application Development 2
Will throw syntax error
None of these
Correct answer
Modern Application Development 2
Consider the following JavaScript code snippet:
What is the final value of x, logged on the console?
A written answer, not marked automatically.
Which of the following best describes UI State (Ephemeral State) in frontend applications?
It includes all data stored permanently in the database and is shared across users
It represents the complete system data such as users, products, and transactions
It refers to short-lived interface elements like loading indicators or selected tabs
It handles complex application logic and long-term session management
Correct answer
It refers to short-lived interface elements like loading indicators or selected tabs
Given that HTTP is stateless, which approach is commonly used to manage application state between the client and the server?
Storing all state permanently in frontend memory across sessions
Allowing the frontend to handle complex business logic and data storage
Client or server maintaining state and explicitly exchanging it through requests
Eliminating state entirely from web applications
Correct answer
Client or server maintaining state and explicitly exchanging it through requests
Consider the below Javascript function:
What will be the output of the above program ?
1 2 1
0 0 0
1 2 3
0 1 0
Correct answer
0 1 0
Consider the following Vue app with html and javascript file given below: File: index.html
File: script.js
What will be rendered on the browser for the code setup given above ?
None of these.
Correct answer
Consider the following JavaScript code:
What would be the end result at the end of execution of the code?
5
13
8
11
Correct answer
13
Consider the following JavaScript code:
Which of the following statements are TRUE?
returns "Electronic device"
returns "Samsung is a Electronic device"
Calling throws a runtime error
returns "Electronic device"
Correct answers
returns "Electronic device"
returns "Samsung is a Electronic device"
Calling throws a runtime error
Consider the following HTML and Vue component code carefully and answer the given sub-questions. File: index.html
File: script.js
When the lifecycle hook is invoked, which of the following statements becomes TRUE?
The element exists in the DOM but still contains {{ message }}
The DOM content already reflects the updated value "Start A"
The hook has already executed
The DOM does not exist at all
Correct answer
The element exists in the DOM but still contains {{ message }}
Consider the following HTML and Vue component code carefully and answer the given sub-questions. File: index.html
File: script.js
What will be the final text content displayed in the browser inside the element after the component is fully mounted and all statements in the hook have executed?
—
—
—
—
Correct answer
—
Consider the following HTML and Vue component code carefully and answer the given sub-questions. File: index.html
File: script.js
A written answer, not marked automatically.
