Web Design & JavaScript Quiz

Pick the correct option(s). Click Check Score to see your result. Questions that say (Select all that apply) have more than one correct answer.

1) Which image format is best for photographs (many colors + compression)?

a) PNG b) GIF c) JPG/JPEG d) PSD

2) Which image format supports transparency?

a) PSD b) PNG c) JPG d) GIF

3) What file extension is used for Photoshop plug-ins?

a) .exe b) .dll c) .8bf d) .psd

4) What is the function of a Layer Mask?

a) Change color of a layer b) Hide or reveal parts of a layer c) Increase the layer’s opacity d) Duplicate a layer

Correct: Hide or reveal parts of a layer

5) What is a Smart Object?

a) A rasterized layer b) A layer that can be edited non-destructively c) A text layer d) A layer without transparency

6) How do you display output in JavaScript? (Select all that apply)

a) print() b) alert() c) console.log() d) document.write()

Correct: alert(), console.log(), document.write()

7) JS comments (single & multi-line)?

a) for single-line, /* */ for multi-line b)  for multi c) # for single, """ """ for multi d) // for single-line, /* */ for multi-line

8) Select the basic data types in JavaScript:

a) Number, String, Boolean, Object, Array b) Number, String, Boolean, Undefined, Null, Object c) Integer, Float, String, Boolean, Object d) Char, String, Boolean, Object, Array

Correct: Number, String, Boolean, Undefined, Null, Object

9) How do you check the data type of a variable in JavaScript?

a) typeof variable b) instanceof variable c) variable.type d) checkType(variable)

10) Which are arithmetic operators in JavaScript?

a) +, -, *, / b) +, -, *, /, &&, || c) ++, --, +=, -= d) ===, ====, !=, !=

11) Which keyword is used to declare a variable in JavaScript? (Select all that apply)

a) var b) variable c) v d) let

12) Which operator checks strict equality in JavaScript?

a) == b) != c) === d) !==

13) Which function is used to output data to the console in JavaScript?

a) print() b) log() c) display() d) console.log()

14) Which method converts a string to an integer in JavaScript?

a) parseInt() b) toInteger() c) convertToInt() d) stringToInt()

15) What does the method querySelector() do in JavaScript?

a) Selects multiple elements by class name b) Selects the first element that matches a CSS selector c) Selects an element by its ID d) Selects all elements of a tag name

Correct: First element matching CSS selector

16) How do you generate random numbers in JavaScript?

a) Math.random() b) random() c) getrandom() d) generateRandom()

17) How do you create a multiline string in JavaScript?

a) Using double quotes b) Using backticks (template literals) c) Using parentheses d) Using single quotes

18) What is jQuery mainly used for?

a) A CSS framework b) A JS library for DOM, events, and animation c) A backend framework d) A database system

Correct: JavaScript library for DOM/events/animation

19) What is the purpose of the alt attribute in an <img> tag?

a) Align the image b) Set the image size c) Provide alternative text for accessibility d) Control animation

20) What is Bootstrap?

a) A JavaScript framework b) A CSS framework for responsive, mobile-first sites c) A database system d) A server-side scripting language

Correct: CSS framework for responsive design

21) Which CSS property controls the spacing between lines of text?

a) text-spacing b) line-spacing c) letter-spacing d) line-height

22) What does the CSS float property do?

a) Controls text alignment inside an element b) Removes element from normal flow and positions left/right c) Makes an element hidden/visible d) Rotates an element

Correct: Positions left/right outside normal flow

23) What does the CSS z-index control?

a) Element size b) Stacking order (front/back) c) Opacity d) Rotation

24) Which HTML tag defines a table row?

a) <tr> b) <td> c) <th> d) <table>

25) When should you use SVG images?

a) For photos b) For scalable icons and logos c) For videos d) Only for animations