Cómo agregar números a HTML Java Script

JavaScript puede mejorar su página web con contenido dinámico que se vuelve diferente en función de la entrada del usuario o de otros factores, como la fecha en que se visitó la página. El método de "escritura" del objeto "documento", añade contenidos como números o texto a la página que se carga. Otros métodos crean nuevos nodos en la estructura del documento para agregar números o texto después de que la página ya está cargado.

Instrucciones

document.write ()

1 Agregue el siguiente código JavaScript entre las etiquetas "cabeza" de su documento HTML:

<Script type = "text / javascript">

Función año () {

var date = new Date();

Date.getFullYear volver ();

}

</ Script>

2 Coloque el siguiente en el cuerpo del documento HTML:

El año es <script type = "text / javascript"> document.write (año ()); </ script>

3 Guarde la página y lo carga en un navegador Web. El año en curso se mostrará en la página.

añadir Niño()

4 Coloque el siguiente código JavaScript entre las etiquetas "cabeza" de su documento HTML:

<Script type = "text / javascript">

Función año () {

var date = new Date();

Date.getFullYear volver ();

}

función addContent (ref) {

var newNum = document.createTextNode("The year is " + year());

ref.appendChild (newNum);

}

</ Script>

5 Agregue el código siguiente en el cuerpo del documento HTML:

<Span id = "newContent"> </ span>

<Input type = valor "botón" = "Haga clic para mostrar la fecha" onclick = "addContent (document.getElementById ( 'newContent'));" />

6 Guarde la página y lo carga en un navegador Web. Haga clic en el botón, y el año aparece en la posición del elemento vacío "span" llamada "newContent." Hacer referencia a un elemento diferente de la página (por ejemplo, document.body) para colocar el nuevo contenido allí.

Consejos y advertencias

• Componer etiquetas y atributos HTML con "document.write" en lugar del contenido de la página en sí. Por ejemplo, coloque el código siguiente en el cuerpo del documento para agregar una frase que está dimensionada de forma aleatoria por JavaScript:
• <Script type = "text / javascript"> document.write ( "<span style =" font-size: "+ Math.round (Math.random () * 50 + 5) +" px; "> texto al azar de tamaño < / span> "); </ script>