Generación iterativa de encabezados html - Serie de ejercicios javascript

02 Nov Ejercicio – Generación iterativa de encabezados html

Publicado a las 07:30h en Ejercicios Javascript, Tutorial Javascript. Aprende JS paso a paso y gratis. Apuntes de alumno. por Francesc Ricart 0 Comentarios

Ejercicio – Generación iterativa de encabezados html

Valora esta entrada

En el script de este ejercicio vamos a practicar una estructura en iterativa o en bucle.

Enunciado

Crea un script que escriba 6 frases que representen los encabezados h1 a h6 según la imagen.

Ver solución (Haz clic)

Solución del ejercicio

El ejercicio se soluciona con una iteración de valores i=1 hasta i=6.

Se resuelve con un for(){}

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Encabezados h1 a h6">
        <meta name="author" content="Francesc Ricart">
        <title>Ejercicio javascript - generación de encabezados</title>
    </head>
    <body>
    
    <script>
        
    for (i=1;i<7;i++){
        document.write("<h"+i+">Esto es un encabezado h" + i);
        document.write("</h"+i+">");        
    }

    </script>

    </body>
</html>

¡Hola!

Querido lector,

En este ejercicio hemos repasado el for.

Espero que haya sido de utilidad.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Entradas relacionadas:

Como añadir nuevos nodos al DOM usando Javascript

- 595

En esta entrada vemos un tutorial paso a paso sobre como añadir nuevos nodos al DOM mediante Javacript con el ejemplo de un párrafo y el de una imagen.

Validación de campos try catch finally en Javascript puro

- 525

Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...

Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript

- 62

En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?

Eliminar el comportamiento por defecto de todos los enlaces de una web

- 77

Ejercicio javascript dónde se inhabilitan todos los enlaces al cargar una web. Al hacer click en un botón se activan de nuevo. Incluye solución.

Ejercicio – Corregir errores de sintaxis en funciones

- 164

Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.

Ejercicio – Generación de una fecha personalizada mediante javascript

- 136

Ejercicio javascript dónde se trabaja con fechas y los métodos para fechas con el objetivo de crear fechas con formato personalizado.

Función que crea un objeto y lo almacena en una lista en Javascript

- 573

Javascript es un lenguaje basado en el uso de objetos. Los objetos son recursos que nos permiten agrupar un conjunto de propiedades alrededor de una idea común. Un constructor es un tipo especial de f...

Instrucción “this” de Javascript explicada paso a paso

- 305

Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...

Acceder y modificar una web con javascript

- 586

Vamos a ver como mediante Javascript podemos interactuar con las etiquetas html que constituyen un documento web. Podemos acceder a una etiqueta, un párrafo, un enlace, una imagen, o incluso a los met...

Como modificar el destino de todos los enlaces de una web con javascript

- 179

Ejercicio con solución de la serie ejercicios javascript puro dónde se muestra como modificar el href de todos los enlaces de una web.

Francesc Ricart

hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi