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, 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:

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