HTML, CSS, and JavaScript Concepts Quiz

Test your knowledge of web development fundamentals with this 10-question quiz

Your progress 0/10 answered

1. What is the purpose of the `<form>` element in this code?

a) To create a table layout

b) To define a group of checkboxes

c) To group the snack and drink selection elements

d) To submit data to a server

2. What does the `onchange` attribute do in the `<select>` element?

a) It changes the background color of the dropdown

b) It calls the `snackSelection()` function when the selection changes

c) It prevents the user from changing the selection

d) It automatically submits the form

3. What will happen when a user selects a snack?

a) The page reloads with the selected snack

b) The snack selection is displayed in the paragraph with id `"snack-select"`

c) The drink selection changes automatically

d) An alert box appears

4. In the `<style>` section, what does `margin: 0 auto;` do for the `<form>`?

a) Centers the form horizontally

b) Removes all margins

c) Makes the form responsive

d) Adds extra spacing around the form

5. What is the default value of the snack dropdown when the page loads?

a) `cookies`

b) `None`

c) `Chips`

d) `Other`

6. What will happen if the `snackSelection()` function is removed?

a) The page will not load

b) The snack selection will not update dynamically

c) The drink selection will not work

d) The form will disappear

7. Which JavaScript method is used to update the content of an HTML element dynamically?

a) `document.write()`

b) `document.getElementById().innerHTML`

c) `console.log()`

d) `prompt()`

8. What type of input element is used for the snack and drink selections?

a) `<input type="text">`

b) `<radio>` buttons

c) `<select>` dropdown menus

d) `<button>`

9. Why is `<strong>` used inside the JavaScript update statement?

a) To make the selected snack value bold

b) To store the value in a variable

c) To change the font color

d) To clear the selection

10. What will happen if a user selects "Other" in the snack dropdown?

a) The page crashes

b) The text "You have selected: Other" appears

c) Nothing happens

d) An error message is displayed

Answer Key

Back to Learning Resources