Ejercicio – Generación iterativa de encabezados html

Ejercicio – Generación iterativa de encabezados html

Print Friendly, PDF & Email
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.

encabezados html h1 a h6
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:

Ejercicio – ¿En qué día de la semana estamos?
- 67
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
3 formas de cambiar la ubicación de búsqueda en Google
- 144
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.
Crear, modificar, eliminar y detectar cookies con Javascript
- 807
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Sustituir un nodo por otro en el DOM mediante Javascript
- 185
Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como: Identificar nodos del DOM. Crear nuevos nodos. Si tienes claros estos conceptos sigue leyendo el ejemplo práctico.
Instrucciones básicas para familiarizarse con javascript
- 381
El javascript es un lenguaje que se olvida a una velocidad de vértigo si no se practica. Es importante tener unos buenos apuntes 😉 Hoy presento instrucciones básicas que sirven para empezar con scrip...
Validación de formularios web: Como desactivar el envío con Javascript
- 455
Veamos como podemos deshabitar el envío de un formulario web mediante javascript. Explico el método clásico y otra alternativa más limpia mediante preventDefault().
Scope de las variables en javascript
- 240
En esta entrada vamos a hablar sobre el ámbito (scope) de las variables en javascript. Voy a suponer que ya sabes declarar y usar funciones y que  también tienes claro el concepto de variable y su sin...
Ejercicio – Diferencia entre ++x y x++ en Javascript
- 65
En esta publicación se repasa mediante ejercicios la diferencia entre escribir ++x y x++ o --x y x--. Es cuestión de pillarle el tranquillo.
Introducción a los eventos javascript
- 277
Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()
Eliminar el comportamiento por defecto de un elemento html
- 229
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
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

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.