JavaScript | Output
JavaScript Output defines the ways to display the output of a given code. The output can be display by using four different ways which are listed below:
- innerHTML: It is used to access an element. It defines the HTML content.
Syntax:
document.getElementById(id)
Example: This example uses innerHTML to display the data.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
JavaScript Output using innerHTML
</
title
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
h2
>
JavaScript Display Possibilities
Using innerHTML
</
h2
>
<
p
id
=
"GFG"
></
p
>
<!-- Script to uses innerHTML -->
<
script
>
document.getElementById("GFG").innerHTML
= 10 * 2;
</
script
>
</
body
>
</
html
>
Output:
- document.write(): It is used for testing purpose.
Syntax:
document.write()
Example: This example uses document.write() property to display data.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
JavaScript Output using document.write()
</
title
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
h2
>
JavaScript Display Possibilities
Using document.write()
</
h2
>
<
p
id
=
"GFG"
></
p
>
<!-- Script to uses document.write() -->
<
script
>
document.write(10 * 2);
</
script
>
</
body
>
</
html
>
Output:
- window.alert():It displays the content using an alert box.
Syntax:
window.alert()
Example: This example uses window.alert() property to display data.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
JavaScript Output using window.alert()
</
title
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
h2
>
JavaScript Display Possibilities
Using window.alert()
</
h2
>
<
p
id
=
"GFG"
></
p
>
<!-- Script to use window.alert() -->
<
script
>
window.alert(10 * 2);
</
script
>
</
body
>
</
html
>
Output:
- console.log(): It is used for debugging purposes.
Syntax:
console.log()
Example: This example uses console.log() property to display data.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
JavaScript Output using innerHTML
</
title
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
h2
>
JavaScript Display Possibilities
Using console.log()
</
h2
>
<
p
id
=
"GFG"
></
p
>
<!-- Script to use console.log() -->
<
script
>
console.log(10*2);
</
script
>
</
body
>
</
html
>
Output: