JavaScript Course Understanding Code Structure in JavaScript

JavaScript Hello World

Last Updated : 02 May, 2025

The JavaScript Hello World program is a simple tradition used by programmers to learn the new syntax of a programming language. It involves displaying the text "Hello, World!" on the screen. This basic exercise helps you understand how to output text and run simple scripts in a new programming environment.

How to Write a Simple JavaScript Hello World Program

1. Using the Browser Console

One of the easiest ways to run JavaScript code is by using the browser's built-in console. Modern web browsers like Google Chrome, Firefox, and Edge provide developer tools that allow you to execute JavaScript code directly within the browser.

Steps:

Open your web browser (e.g., Google Chrome).
Press F12 or Ctrl+Shift+I (Windows/Linux) or Cmd+Opt+I (Mac) to open the Developer Tools.
Go to the Console tab.
Type the following JavaScript code:

JavaScript

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

2. Using an HTML File

You can also run JavaScript in a web page by embedding it inside an HTML document. This is the most common way JavaScript is used on websites.

Steps:

Open any text editor (e.g., Notepad, Sublime Text, VS Code).
Create a new file and save it with the .html extension (e.g., hello-world.html).
Write the following code:
Save the file and open it in a web browser.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World in JavaScript</title>
</head>
<body>
    <script>
        alert("Hello, World!");
    </script>
</body>
</html>

3. Using an External JavaScript File

For larger applications, it’s a good practice to separate JavaScript code into external files. This helps with better organization and reusability.

Steps:

Create two files:
- index.html: The HTML file.
- script.js: The JavaScript file.
Write the following code in the hello-world.html file
Save both files in the same directory and open the html file in a browser.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World in JavaScript</title>
</head>
<body>
    <script src="script.js"></script>
</body>
</html>

script.js

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

Conclusion

The Hello World program in JavaScript is a simple yet essential way to learn the basic syntax and functionality of the language. By following the examples in this guide, you can easily start writing and running JavaScript code in your browser or by creating web pages with JavaScript embedded.

JavaScript Course Understanding Code Structure in JavaScript

immukul

Improve

Article Tags :

Similar Reads

Introduction to JavaScript Course - Learn how to build a task tracker using JavaScript

This is an introductory course about JavaScript that will help you learn about the basics of javascript, to begin with, the dynamic part of web development. You will learn the basics like understanding code structures, loops, objects, etc. What this course is about? In this course we will teach you

JavaScript Course What is JavaScript ?

JavaScript is a very famous programming language that was originally started in the year of 1995 with the motive of making web pages alive. It is also an essential part of the web developer skillset. In simple terms, if you want to learn web development then learn HTML & CSS before starting JavaScri

JavaScript Hello World

The JavaScript Hello World program is a simple tradition used by programmers to learn the new syntax of a programming language. It involves displaying the text "Hello, World!" on the screen. This basic exercise helps you understand how to output text and run simple scripts in a new programming envir

JavaScript Course Understanding Code Structure in JavaScript

Inserting JavaScript into a webpage is much like inserting any other HTML content. The tags used to add JavaScript in HTML are <script> and </script>. The code surrounded by the <script> and </script> tags is called a script blog. The 'type' attribute was the most important a

JavaScript Course Variables in JavaScript

Variables in JavaScript are containers that hold reusable data. It is the basic unit of storage in a program. The value stored in a variable can be changed during program execution. A variable is only a name given to a memory location, all the operations done on the variable effects that memory loca

JavaScript Data Types

In JavaScript, each value has a data type, defining its nature (e.g., Number, String, Boolean) and operations. Data types are categorized into Primitive (e.g., String, Number) and Non-Primitive (e.g., Objects, Arrays).Primitive Data Type1. NumberThe Number data type in JavaScript includes both integ

JavaScript Course Operators in JavaScript

An operator is capable of manipulating a certain value or operand. Operators are used to performing specific mathematical and logical computations on operands. In other words, we can say that an operator operates the operands. In JavaScript, operators are used for comparing values, performing arithm

JavaScript Course Interaction With User

Javascript allows us the privilege to which we can interact with the user and respond accordingly. It includes several user-interface functions which help in the interaction. Let's take a look at them one by one. JavaScript Window alert() Method : It simply creates an alert box that may or may not h

JavaScript Course Logical Operators in JavaScript

logical operator is mostly used to make decisions based on conditions specified for the statements. It can also be used to manipulate a boolean or set termination conditions for loops. There are three types of logical operators in Javascript: !(NOT): Converts operator to boolean and returns flipped

JavaScript Course Conditional Operator in JavaScript

JavaScript Conditional Operators allow us to perform different types of actions according to different conditions. We make use of the 'if' statement. if(expression){ do this; } The above argument named 'expression' is basically a condition that we pass into the 'if' and if it returns 'true' then the