0% found this document useful (0 votes)
3 views

JavaScript 1

JavaScript is a lightweight, interpreted programming language essential for creating dynamic and interactive web pages, developed by Brendan Eich in 1995. It operates alongside HTML and CSS, enabling functionalities such as dynamic content updates and event handling. The document also discusses the characteristics of JavaScript, methods of integration in HTML, and best practices for using external JavaScript for better organization and performance.

Uploaded by

Elizabeth Gomez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views

JavaScript 1

JavaScript is a lightweight, interpreted programming language essential for creating dynamic and interactive web pages, developed by Brendan Eich in 1995. It operates alongside HTML and CSS, enabling functionalities such as dynamic content updates and event handling. The document also discusses the characteristics of JavaScript, methods of integration in HTML, and best practices for using external JavaScript for better organization and performance.

Uploaded by

Elizabeth Gomez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Detailed Note on JavaScript

Introduction to JavaScript

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language that


is widely used for creating dynamic and interactive web pages. It was initially developed by
Brendan Eich in 1995 while working at Netscape and was first known as LiveScript before being
renamed JavaScript.

JavaScript runs in web browsers and enables client-side functionality, such as:

Dynamic content updates

Form validation

Interactive animations

Handling user events (clicks, scrolls, etc.)

JavaScript is an essential part of web development alongside HTML and CSS.

---

HTML vs. CSS vs. JavaScript

1. HTML (HyperText Markup Language)

HTML is the structure of a webpage.

It defines elements such as headings, paragraphs, images, links, and forms.

Example:

<h1>Welcome to My Website</h1>
<p>This is a paragraph.</p>

2. CSS (Cascading Style Sheets)

CSS controls the presentation and layout of the webpage.

It defines colors, fonts, margins, padding, and animations.


Example:

h1 {
color: blue;
font-size: 24px;
}

3. JavaScript (JS)

JavaScript adds interactivity and dynamic behavior to the webpage.

It can modify HTML and CSS, respond to user input, and handle events.

Example:

document.getElementById("demo").innerHTML = "Hello, JavaScript!";

Comparison Table
---

Characteristics of JavaScript

1. Interpreted Language – JavaScript does not need to be compiled and runs directly in
browsers.

2. Lightweight and Fast – Since it is executed within the browser, it does not require extra
resources.

3. Event-Driven – JavaScript can respond to user actions like clicks, mouse movements, and
keyboard input.

4. Dynamically Typed – Variable types are determined at runtime. Example:


let x = 10; // Number
x = "Hello"; // String

5. Object-Oriented (Prototype-Based) – JavaScript uses objects and prototypes instead of


traditional classes.

6. Platform-Independent – Runs on any device with a web browser.

7. Multi-Paradigm – Supports procedural, functional, and object-oriented programming styles.

8. Client-Side Execution – Executes on the user’s browser without needing server interaction.

9. Can Manipulate the DOM – JavaScript can dynamically change HTML and CSS.

---

Integrating JavaScript in an HTML File

JavaScript can be added to an HTML file in three ways:

1. Inline JavaScript (inside an HTML tag)

Used for quick actions.

Example:

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

2. Internal JavaScript (inside <script> tag in the HTML file)

Used for smaller scripts within the same HTML file.

Example:
<html>
<body>
<p id="demo">Welcome!</p>
<script>
document.getElementById("demo").innerHTML = "Hello, JavaScript!";
</script>
</body>
</html>

3. External JavaScript (linked as a separate .js file)

Used for larger scripts to keep code organized.

Example:

HTML File (index.html)

<html>
<body>
<p id="demo">Welcome!</p>
<script src="script.js"></script>
</body>
</html>

External JavaScript File (script.js)

document.getElementById("demo").innerHTML = "Hello, JavaScript!";

---

Internal vs. External JavaScript

Best Practice: Use external JavaScript for better organization and performance, especially for
large applications.
---

Conclusion

JavaScript is a powerful scripting language that makes websites dynamic and interactive. It
works alongside HTML and CSS to create engaging web applications. Understanding how to
integrate JavaScript (inline, internal, external) and its characteristics will help in building efficient
web applications.

You might also like