JavaScript Output
JavaScript Output defines the ways to display the output of a given code. The output can be displayed by using four different ways which are listed below:
1. innerHTML: It is used to access an element. It defines the HTML content.
Syntax:
document.getElementById("id").innerHTML;
Example: This example uses innerHTML to display the data.
html
<!DOCTYPE html><html lang="en"><head> <title>JavaScript Output</title></head><body> <h1>GeeksforGeeks</h1> <h2> JavaScript Display Possibilities Using innerHTML </h2> <p id="GFG"></p> <!-- Script to use innerHTML --> <script> document.getElementById("GFG").innerHTML = 10 * 2; </script></body></html> |
Output:
2. document.write(): It is used for testing purpose.
Syntax:
document.write()
Example: This example uses document.write() property to display data.
html
<!DOCTYPE html><html lang="en"><head> <title>JavaScript Output</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:
3. window.alert(): It displays the content using an alert box.
Syntax:
window.alert()
Example: This example uses window.alert() property to display data.
html
<!DOCTYPE html><html lang="en"><head> <title>JavaScript Output</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:
4. console.log(): It is used for debugging purposes.
Syntax:
console.log()
Example: This example uses the console.log() property to display data.
html
<!DOCTYPE html><html lang="en"><head> <title>JavaScript Output</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:
5. window.prompt() :- it Allows to take input from user
syntax :
window.prompt()
HTML
<!DOCTYPE html><html lang="en"><head> <title>JavaScript Output</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.prompt("Please Enter your Input"); </script></body></html> |
Output
Please Login to comment...