Sunday 27 October 2024

How to Run JavaScript: A Beginner's Guide

In this post, I am going to explain how to run JavaScript code in different ways your computer.

Approach 1: Run Javascript code in a Browser console.

 

Step 1: Open any browser like Chrome, Firefox, or Safari.

 

Step 2: Right-click on the webpage and select "Inspect" to open the Developer Tools.

 

Step 3: Go to the "Console" tab.

 

Step 4: Type your JavaScript code in the console and press Enter to run it.

 


Approach 2: Running JavaScript with Node.js

Step 1: Install Node.js on your computer if you haven't already. You can download it from Node.js official website. Reference: https://self-learning-java-tutorial.blogspot.com/2018/09/nodejs-installation-and-setup.html

 

 

Step 2: Open Terminal on your computer.

 

Step 3: To run a single line of JavaScript, type node -e "console.log('Hello, World')" and press Enter.

 

$node -e "console.log('Hello, World')"
Hello, World

 

To run a Javasript code from a fole

1.   Create a .js file, e.g., app.js.

2.   Write your JavaScript code in the file.

3.   In Terminal, navigate to the file location using the cd command.

4.   Run the file using node app.js.

 

app.js

console.log('Hello World')

To run a Javasript code from a fole

1.   Create a .js file, e.g., app.js.

2.   Write your JavaScript code in the file.

3.   In Terminal, navigate to the file location using the cd command.

4.   Run the file using node app.js.

 

app.js

console.log('Hello World')

$node app.js 
Hello World

Approach 3: Running JavaScript in an HTML File.

Step 1: Create an HTML file, e.g., index.html.

 

Step 2: Include your JavaScript code inside the <script> tag.

 

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Run JavaScript</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <script>
        console.log('Hello World!!!!');
    </script>
</body>
</html>

Step 3: Open the HTML file in a browser to see the JavaScript code executed.




Approach 4: Using online javascript editors.

 

https://jsfiddle.net/

https://codepen.io/

https://replit.com/

 

If you're just starting with JavaScript, running it in the browser console or using Node.js are good places to begin.

 

Previous                                                    Next                                                    Home

No comments:

Post a Comment