Quiz: Introduction to Javascript

Quiz Instructions:

Each question is followed by multiple-choice answers (A, B, C, D, and sometimes E).
Carefully read each question and all answer options before selecting the best answer.
Choose the option that most accurately aligns with the key concepts or information provided.

Question 1: What is the primary purpose of JavaScript in web development?

A. To structure content on the page B. To define the visual styles of a webpage C. To add interactivity and dynamic features D. To store data on the server

Question 2: How can JavaScript be added to an HTML file?

A. By including it in <style> tags B. By adding it in <script> tags C. By using <code> tags D. By embedding it in <link> tags

Question 3: Why is external JavaScript preferred for larger projects?

A. It reduces file size B. It makes the page load faster C. It keeps JavaScript separate from HTML, making code easier to maintain and reuse D. It eliminates the need for a browser console

Question 4: What does the following code do?

console.log("Hello, World!");

A. Displays the message on the webpage B. Alerts the message to the user C. Creates a new element in the DOM D. Logs the message to the browser console

Question 5: What is the purpose of the DOMContentLoaded event in JavaScript?

A. To execute code after the DOM has been fully constructed B. To delay the loading of scripts until the user scrolls C. To check for missing external files D. To ensure JavaScript runs after all external files are loaded

Question 6: What happens if the <script> tag is placed at the end of the <body>?

A. JavaScript loads before the page content B. JavaScript runs after the entire page content is loaded C. JavaScript runs before the <head> tag D. The browser skips the JavaScript entirely

Question 7: What does the following code snippet do?

<button onclick="alert('Hello!')">Click Me</button>

A. Creates a button that submits the form B. Creates a button that displays an alert box with "Hello!" when clicked C. Creates a button that shows "Hello!" on the webpage when clicked D. Creates a button that logs "Hello!" to the console when clicked

Question 8: Which JavaScript method updates an element's text content dynamically?

A. document.querySelector B. console.log C. alert D. innerText

Question 9: What is a common use of JavaScript in forms?

A. Styling the form fields B. Structuring the form layout C. Validating user inputs before submission D. Loading external stylesheets

Question 10: How can you test JavaScript without adding it to an HTML file?

A. By writing code in the browser console B. By creating an inline <script> block C. By using a JavaScript library D. By enabling advanced developer tools

Question 11: Which JavaScript feature allows interaction with user events like button clicks?

A. HTML attributes B. CSS properties C. The DOM structure D. Event listeners

Question 12: What does the following HTML/JavaScript code achieve?

<h1 id="header">Hello!</h1>
<script>
document.getElementById("header").innerText = "Welcome!";
</script>

A. It creates a new <h1> element with "Welcome!" B. It changes the <h1> text to "Welcome!" when the script runs C. It logs "Welcome!" in the console D. It triggers an error in the console

Question 13: What is the best practice for managing JavaScript in large projects?

A. Write all JavaScript inline for simplicity B. Avoid using JavaScript where possible C. Keep JavaScript code modular and in external .js files D. Combine all JavaScript into the HTML for easy debugging

◄ Back To Lesson

Quiz: Introduction to Javascript

Quiz Instructions:

Quick Links

More Services

Learn More