JavaScript Introduction

JavaScript is a popular scripting language that control the behavior of the webpage using script.

Where to Place JavaScript Code?

You can place your JavaScript code in two places.

  • Inside the HTML document
  • Use an external file for JavaScript and link to HTML document.

JavaScript inside HTML page

   document.write("Hello world");

External JavaScript File

For external JavaScript file, you have to link it to HTML document.

<script src="demo.js"></script>

Output Method in JavaScript

JavaScript programming output method in four different ways. They are listed below.

  • <mark style="background-color:rgba(0, 0, 0, 0);color:#bc1212" class="has-inline-color">document.getElementById(“demo”).innerHTML = ‘hello”;</mark>
  • <mark style="background-color:rgba(0, 0, 0, 0);color:#ba1010" class="has-inline-color">console.log(“Hello”);</mark>
  • <mark style="background-color:rgba(0, 0, 0, 0);color:#b61414" class="has-inline-color">alert(“hello”);</mark>
  • <mark style="background-color:rgba(0, 0, 0, 0);color:#b81414" class="has-inline-color">document.write(“Hello”);</mark>

The first method is using <mark style="background-color:rgba(0, 0, 0, 0);color:#b91515" class="has-inline-color">HTML DOM</mark> and <mark style="background-color:rgba(0, 0, 0, 0);color:#c70d0d" class="has-inline-color">selector API</mark> functions like <mark style="background-color:rgba(0, 0, 0, 0);color:#b01414" class="has-inline-color">getElementById</mark>, etc.

The second method prints the output to the browser console.

The third method usually used for creating error or warning for program that is displayed to users as a popup box.

The last method, is <mark style="background-color:rgba(0, 0, 0, 0);color:#bb1212" class="has-inline-color">document.write()</mark>, that simply write to the document body wiping everything out except the output.