JavaScript Output

JavaScript Output specifies how to display the results of a given code. The result can be shown in four distinct ways, as detailed below:

1. innerHTML:

It is used to access an element. It defines the HTML content.

Syntax

document.getElementById(__id__)

Example

<!DOCTYPE html>
<html>
<body>

<h1>Welcome to Webtutor.dev</h1>
<p id="demo"></p>

<script>
    document.getElementById("demo").innerHTML = "We are here to Build Websites.";
</script>

</body>
</html>

Preview

2. document.write():

It is used for testing purposes.

Syntax

document.write(______)

Example

<!DOCTYPE html>
<html>
<body>
    <button type="button" onclick="document.write('Webtutor.dev')">Click Me</button><br>
<script>
    document.write("Hello World!");
</script>
</body>
</html>

Preview

3. window.alert():

It displays the content using an alert box.

Syntax

window.alert(______)

Example

<!DOCTYPE html>
<html>
<body>

<button type="button" onclick="alert('Welcome to Webtutor.dev')">Click Me</button>

</body>
</html>

Preview

4. console.log():

It is used for debugging purposes.

Syntax

console.log(______)

Example

<!DOCTYPE html>
<html>
<body>
<p>Note: Please check console</p>
<script>
    // Print a simple text message.
    console.log("Welcome to Webtutor.dev");

    // Print a variable(var) value.
    var x = 5;
    var y = 10;
    var sum = x + y;
    console.log(sum);
</script>

</body>
</html>

Preview

JS Introduction

JS Syntax

JavaScript Output

1. innerHTML:

Syntax

Example

2. document.write():

Syntax

Example

3. window.alert():

Syntax

Example

4. console.log():

Syntax

Example

Links

Tutorials

Connect with us