What is JavaScript - Quick Revision & Key Takeaways

Recall & Review

beginner

What is JavaScript?

JavaScript is a programming language used to make web pages interactive. It runs in your web browser and can change what you see on a page without reloading it.

beginner

Where does JavaScript run?

JavaScript runs mainly in web browsers like Chrome, Firefox, and Safari. It can also run on servers using environments like Node.js.

beginner

Why is JavaScript important for websites?

JavaScript makes websites interactive. It lets you click buttons, fill forms, see animations, and update content without refreshing the page.

beginner

Is JavaScript the same as Java?

No, JavaScript and Java are different languages. JavaScript is mainly for web pages, while Java is used for many types of software. They have different syntax and uses.

beginner

Can JavaScript work with HTML and CSS?

Yes! JavaScript works together with HTML (structure) and CSS (style) to create dynamic and beautiful web pages.

What is the main purpose of JavaScript on a web page?

A To add colors and fonts

B To create the page structure

C To make the page interactive

D To store data on the server

JavaScript is used to make web pages interactive, like responding to clicks or updating content.

Where does JavaScript usually run?

A Only on the server

B In the web browser

C In a word processor

D In a database

JavaScript runs mainly in web browsers to control web page behavior.

Which two technologies does JavaScript work with to build web pages?

A HTML and CSS

B Python and Java

C SQL and NoSQL

D C++ and Java

JavaScript works with HTML (structure) and CSS (style) to create web pages.

Is JavaScript the same as Java?

A Yes, they are the same

B JavaScript is only for servers

C JavaScript is a newer version of Java

D No, they are different languages

JavaScript and Java are different languages with different uses.

Which of these can JavaScript NOT do?

A Style the page with colors and fonts

B Change the content on a page without reloading

C Make web pages interactive

D Run in the browser

Styling with colors and fonts is done by CSS, not JavaScript.

Explain what JavaScript is and why it is used on websites.

Think about how websites respond when you click buttons or see animations.

Describe the difference between JavaScript and Java.

They sound similar but are not the same.

Practice

1. What is JavaScript primarily used for on websites?

easy

A. To write the webpage content

B. To style the webpage layout

C. To add actions and interactivity

D. To store data on the server

Solution

1. Step 1: Understand JavaScript's role

   JavaScript is a programming language that adds actions and interactivity to websites.

2. Step 2: Compare with other web technologies

   HTML writes content, CSS styles layout, and server stores data, so JavaScript adds interactivity.

3. Final Answer:

   To add actions and interactivity -> Option C

4. Quick Check:

   JavaScript = Interactivity [OK]

Hint: JavaScript makes websites interactive, not just static [OK]

Common Mistakes:

• Confusing JavaScript with CSS for styling
• Thinking JavaScript writes webpage text
• Assuming JavaScript stores server data

2. Which of the following is the correct way to include JavaScript in an HTML file?

easy

A. <link href='app.js'>

B. <script src='app.js'></script>

C. <js>app.js</js>

D. <style>app.js</style>

Solution

1. Step 1: Identify correct HTML tag for JavaScript

   The <script> tag is used to include JavaScript files or code in HTML.

2. Step 2: Check the options

   <script src='app.js'></script> uses <script src='app.js'></script>, which is correct syntax to include an external JS file.

3. Final Answer:

   <script src='app.js'></script> -> Option B

4. Quick Check:

   Use <script> for JavaScript [OK]

Hint: JavaScript files go inside <script> tags [OK]

Common Mistakes:

• Using <style> tag for JavaScript
• Using non-existent <js> tag
• Using <link> tag which is for CSS

3. What will the following JavaScript code output in the browser console?

console.log('Hello, ' + 'world!');

medium

A. Hello, world!

B. Hello, + world!

C. Hello world!

D. Error

Solution

1. Step 1: Understand string concatenation

   The + operator joins two strings into one continuous string.

2. Step 2: Combine the strings

   'Hello, ' + 'world!' becomes 'Hello, world!'. console.log prints this to the console.

3. Final Answer:

   Hello, world! -> Option A

4. Quick Check:

   String + String = Combined string [OK]

Hint: Plus (+) joins strings in JavaScript [OK]

Common Mistakes:

• Expecting plus sign to print
• Missing comma or space in output
• Thinking it causes an error

4. Find the error in this JavaScript code snippet:

function greet() {
  console.log('Hi there!')
}

medium

A. Missing semicolon after console.log statement

B. Missing parentheses in function declaration

C. Missing curly braces around function body

D. No error, code is correct

Solution

1. Step 1: Check function syntax

   The function greet() has parentheses and curly braces properly placed.

2. Step 2: Check statement termination

   JavaScript allows optional semicolons; missing semicolon here does not cause error.

3. Final Answer:

   No error, code is correct -> Option D

4. Quick Check:

   Semicolons optional in JS [OK]

Hint: Semicolons are optional in many JS cases [OK]

Common Mistakes:

• Thinking semicolon is always required
• Confusing function syntax rules
• Assuming missing semicolon causes error

5. You want to make a webpage respond when a user clicks a button. Which JavaScript concept should you use?

hard

A. Event handling

B. Variable declaration

C. CSS styling

D. HTML structuring

Solution

1. Step 1: Understand user interaction

   Responding to clicks means reacting to user events on the page.

2. Step 2: Identify JavaScript feature for user actions

   Event handling lets JavaScript listen and respond to user actions like clicks.

3. Final Answer:

   Event handling -> Option A

4. Quick Check:

   User clicks = Event handling [OK]

Hint: Use event handlers to react to user actions [OK]

Common Mistakes:

• Confusing CSS styling with interactivity
• Thinking variables handle clicks
• Assuming HTML alone manages user actions