AdNow

loading...

¿Cuál es la Salida de JavaScript?

-

Salida de JavaScript

❮ AnteriorSiguiente ❯

Posibilidades de visualización de JavaScript

JavaScript puede "mostrar" datos de diferentes maneras:
  • Escribir en un elemento HTML, usando innerHTML .
  • Escribir en la salida HTML utilizando document.write () .
  • Escribir en un cuadro de alerta, usando window.alert () .
  • Escribiendo en la consola del navegador, utilizando console.log () .

Usando innerHTML

Para acceder a un elemento HTML, JavaScript puede usar el método document.getElementById (id) .
El atributo id define el elemento HTML. La propiedad innerHTML define el contenido HTML:

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My First Paragraph</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>
Inténtalo tú mismo "
Cambiar la propiedad innerHTML de un elemento HTML es una forma común de mostrar datos en HTML.

Utilizando document.write ()

Para propósitos de prueba, es conveniente usar document.write () :

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
document.write(5 + 6);</script>

</body>
</html>
Inténtalo tú mismo "
El uso de document.write () después de cargar un documento HTML, eliminará todo el HTML existente :

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<button type="button" onclick="document.write(5 + 6)">Try it</button>

</body>
</html>
Inténtalo tú mismo "
El método document.write () solo debe usarse para pruebas.
Utilizando window.alert ()
Puede utilizar un cuadro de alerta para mostrar los datos:

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);</script>

</body>
</html>
Inténtalo tú mismo "

Utilizando console.log ()

Para propósitos de depuración, puede usar el método console.log ()para mostrar datos.
Aprenderá más sobre la depuración en un capítulo posterior.

Ejemplo

<!DOCTYPE html>
<html>
<body>

<script>
console.log(5 + 6);</script>

</body>
</html>
Inténtalo tú mismo "

❮ AnteriorSiguiente ❯

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Visitas a este blog