Multiple Choice Questions on JavaScript for Web Design Students

📚 Quick Study Guide

• 🔑 JavaScript is a versatile scripting language primarily used for front-end web development to add interactivity and dynamic content to websites.
• ✏️ Variables in JavaScript are declared using `var`, `let`, or `const`. `let` and `const` are block-scoped, while `var` is function-scoped.
• 🧮 Data types in JavaScript include: String, Number, Boolean, Null, Undefined, Symbol, and Object.
• 🔄 Control flow statements like `if`, `else if`, `else`, `for`, `while`, and `switch` are used to control the execution of code based on conditions.
• ⚙️ Functions are blocks of code designed to perform a specific task. They are defined using the `function` keyword.
• 📡 The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the page so that programs can change the document structure, style, and content.
• 👂 Event listeners are used to handle user interactions, such as clicks, mouseovers, and form submissions.
• 💡 Common JavaScript methods include `getElementById()`, `querySelector()`, `addEventListener()`, `innerHTML`, and `appendChild()`.

🧪 Practice Quiz

1. Question 1: Which keyword is used to declare a variable in JavaScript?
   1. var
   2. int
   3. string
   4. boolean
2. Question 2: What is the purpose of the DOM?
   1. To style HTML elements
   2. To define the structure of a webpage
   3. To provide a programming interface for HTML documents
   4. To optimize website loading speed
3. Question 3: Which of the following is NOT a JavaScript data type?
   1. String
   2. Number
   3. Boolean
   4. Float
4. Question 4: How do you add an event listener to an element in JavaScript?
   1. element.listenEvent('click', myFunction)
   2. element.addEvent('click', myFunction)
   3. element.addEventListener('click', myFunction)
   4. element.on('click', myFunction)
5. Question 5: What does the `innerHTML` property do?
   1. Sets or returns the text content of an element
   2. Sets or returns the HTML content of an element
   3. Sets or returns the CSS styles of an element
   4. Sets or returns the attributes of an element
6. Question 6: Which statement is used to execute a block of code only if a specified condition is true?
   1. for
   2. while
   3. if
   4. switch
7. Question 7: What is the scope of a variable declared with `let`?
   1. Global scope
   2. Function scope
   3. Block scope
   4. File scope