Tutorial: Write Your First JavaScript Program
source link: https://dev.to/realedwintorres/tutorial-write-your-first-javascript-program-2aoo
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
JavaScript programs execute in the browser. That means you need an HTML document. Here is a simple one to start with:
<!DOCTYPE html>
<html lang="en">
<head>
<title>My document</title>
</head>
<body>
</body>
</html>
That is a very basic HTML document that doesn’t do much. For now, save it to a file named helloworld.html
. The .html
extension indicates that the file is an HTML document.
Now add JavaScript to the HTML document. Write JavaScript code inside a <script> </script>
element:
<!DOCTYPE html>
<html lang="en">
<head>
<title>My document</title>
</head>
<body>
<script>
let s = "Hello, world.";
document.write(s);
console.log(s);
</script>
</body>
</html>
This JavaScript code declares a variable s
and assigns the string "Hello, world."
to it.
Next, it outputs s
to the document.
Finally, it outputs s
to the console.
To execute the JavaScript code, double-click the helloworld.html
file. The program will execute in your browser. Note the output in the body of the document.
To see the console output, view the browser console:
- Right-click anywhere in the document and click Inspect.
- Expand the browser window wide.
- Click the Console tab in the top-right.
🏆 Congratulations! That’s your first JavaScript program!
Now you can explore and learn the rest of the JavaScript language.
Follow me on Twitter @realEdwinTorres
for more programming tips. 😀
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK