La salida de JavaScript define las formas de mostrar la salida de un código determinado. La salida se puede mostrar utilizando cuatro formas diferentes que se enumeran a continuación:
- innerHTML: Se utiliza para acceder a un elemento. Define el contenido HTML.
Sintaxis:
document.getElementById(id)
Ejemplo: este ejemplo usa innerHTML para mostrar los datos.
<!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
>
Producción:
- document.write(): se utiliza con fines de prueba.
Sintaxis:
document.write()
Ejemplo: este ejemplo usa la propiedad document.write() para mostrar datos.
<!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
>
Producción:
- window.alert(): Muestra el contenido mediante un cuadro de alerta.
Sintaxis:
window.alert()
Ejemplo: este ejemplo usa la propiedad window.alert() para mostrar datos.
<!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
>
Producción:
- console.log(): se utiliza con fines de depuración.
Sintaxis:
console.log()
Ejemplo: este ejemplo usa la propiedad console.log() para mostrar datos.
<!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
>
Producción:
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA