Break y continue

El break interrumpe el recorrido de un bucle.
El continue salta por encima del elemento.
Del contenido del capítulo JavaScript break and continue W3Schools.

El bucle while

Los bucles pueden ejecutar un bloque de código un determinado número de veces.
Del contenido del capítulo JavaScript loop while W3Schools.

Un test con valoraciones diferenciadas según la pregunta y respuesta

Esto es un test que puede servir de modelo para la realización de cualquiera otro.
La respuesta correcta o incorrecta de cada una de las preguntas puede ser valorada con la puntuación que el creador del test considere en función de su dificultad o importancia.

Calendario

El bucle for

Los bucles pueden ejecutar un bloque de código un determinado número de veces.
Del contenido del capítulo JavaScript loop for W3Schools.

La declaración Switch

El interruptor switch se emplea para llevar a cabo diferentes acciones basadas en diferentes condiciones..
Del contenido del capítulo Switch Statements W3Schools.

Juego de las Tres en Raya (2)

Intentando resolver el problema del no funcionamiento en el iOS, he encontrado este otro juego de tres en raya.

If... else

Los condicionales son usados para llevar a cabo diferentes acciones basadas en diferentes condiciones.
Del contenido del capítulo JS If... Else Statements W3Schools.

Juego de las 3 en raya

El primer jugador rellena sus espacios de rojo.
El segundo lo hace de azul.

Comparaciones y operadores lógicos

Los comparadores y operadores lógicos son usados para comprobar si es verdadero o falso.
Del contenido del capítulo JS Comparison and Logical Operators W3Schools.

Ejercicios sobre métodos array

Resolver estos cinco ejercicios sobre métodos array.
Del contenido del capítulo JS Array Methods W3Schools.

Métodos array

La fortaleza de los arrays de JavaScript reside en sus métodos.
Del contenido del capítulo JS Array Methods W3Schools.

Ejercicios sobre arrays

Resolver estos cinco ejercicios sobre arrays.
Del contenido del capítulo JS Arrays W3Schools.

Arrays

Los arrays en JavaScript son utilizados para almacenar múltiples datos en una única variable.
Del contenido del capítulo JS Arrays W3Schools.

Un botón para un vínculo

Estamos acostumbrados a que los botones, en JavaSript, sirva para lanzar funciones que realicen lo que les hayamos programado.
Pero, por su estética, podemos emplear los botones como meros enlaces.

Cargar vínculo en un iframe

El uso de un iframe para mostrar contenido alojado en otro servidor es un recurso muy, muy empleado.
En este blog por ejemplo, siempre lo hago así.

Un criptograma

Hace tiempo que manipulé algunas hojas con código JavaScript para conseguir criptogramas interactivos.
Hoy me he vuelto a enredar ya con un poco más de conocimiento en la causa y he creado un nuevo criptograma con un código algo mejorado.
Este es el resultado:

Abrir vínculo en ventana nueva (2)

Hemos visto ya una solución a este tema.
Lo vimos en esta entrada.
Es la solución que estamos aplicando en todas las entradas.
Ahora proponemos otra.

Los métodos Date()

Los métodos Date permiten establecer y obtener fechas (años, meses, días, horas, minutos, segundos, milisegundos).
Del contenido del capítulo JS Date Methods W3Schools.

Ejercicios sobre fechas y horas

Resolver estos tres ejercicios sobre fechas y horas.
Del contenido del capítulo JS Dates W3Schools.

Fechas y horas

El objeto Date permite trabajar con fechas (años, meses, días, horas, minutos, segundos, milisegundos).
Del contenido del capítulo JS Dates W3Schools.

Añadida una función al formReset()

Volviendo a los cuadrados mágicos...
He colocado el botón Borrar cuya misión es borrar los datos introducidos en los inputs.
Todo iba bien.

Eventos onmouseover, onmouseout

He querido que la celda de una tabla se colorease al pasar el cursor del ratón por encima.
He mirado el código en Internet y, al final, he encontrado esta solución.

Problemas con los caracteres del UTF-8

En la página web siempre hago una declaración del set de caracteres UTF-8 para el español.

<meta charset="UTF-8" />

No parecía que había ningún problema.

Ejercicios sobre Math

Resolver estos cuatro ejercicios sobre el objeto Math.
Del contenido del capítulo JS Math Object W3Schools.

El objeto Math

El objeto Math permite realizar procesos matemáticos con los números.
Del contenido del capítulo JS Math Object W3Schools.

Cuadrado mágico de 4 x 4

Métodos de números

Los métodos de números de JavaScript ayudan a trabajar con números.
Del contenido del capítulo JS Numbers Methods W3Schools.

Ejercicios sobre números

Resolver estos cuatro ejercicios sobre números.
Del contenido del capítulo JS Numbers Methods W3Schools.

Números

JavaScript tiene un único tipo de números.
Los números en JavaScript pueden ser con decimales o sin decimales.
Del contenido del capítulo JS Numbers W3Schools.

Cronómetro

Ejercicios sobre métodos string

Resolver estos seis ejercicios sobre métodos string.
Del contenido del capítulo JS String Methods W3Schools.

Métodos String

Los métodos string nos ayudan a trabajar con textos.
Del contenido del capítulo JS String Methods W3Schools.

La segunda letra del NIE

El N.I.E. es el Número de Identidad de Extranjero.
Es muy similar al D.N.I.

Ejercicios sobre Strings

Resolver estos cuatro ejercicios sobre strings.
Del contenido del capítulo JS Strings W3Schools.

Strings

Los Strings en JavaScript son usados para almacenar y manipular textos.
Del contenido del capítulo JS Strings W3Schools.

Ejercicios sobre Eventos

Resolver los siguientes ejercicios sobre Eventos en JavaScript.
Del contenido del capítulo JS Events W3Schools.

Eventos

Los eventos de HTML son "cosas" que pasan a los elementos de HTML.
Cuando JavaScript es usado dentro de una página HTML, JavaScript reacciona ante estos eventos.
Del contenido del capítulo JS Events W3Schools.

Scope

En JavaScript se denomina Scope a las posibilidades de acceso a las variables, objetos y funciones.
Del contenido del capítulo JS Scope W3Schools.

La letra del DNI (2)

Una vez publicada la entrada anterior, he estado observando y estudiando otros resultados.
En concreto quería incluir la posibilidad de que si alguien introduce un número que no es un número o que no tiene las ocho cifras reglamentarias, se mostrase un mensaje de error.

La letra del DNI (1)

¿Cómo funciona la letra del DNI?
Es un sencillo algoritmo que asigna una letra en función del resto que se obtiene al dividir el número de ocho cifras por 23.

Ejercicios sobre objetos

Objetos, propiedades y métodos.
Del contenido del capítulo JS Objects W3Schools.

Objetos

Objetos, propiedades y métodos.
Del contenido del capítulo JS Objects W3Schools.

Abrir un vínculo en ventana nueva

Nos saltamos el orden habitual del recorrido por los ejercicios y actividades del W3School para comentar un recurso incorporado a este blog.

Se trata de abrir un vínculo en una ventana nueva que podemos dimensionar de manera independiente para cada caso.

Punto y seguido

Toca hacer un poco de reflexión sobre lo publicado hasta el momento.
La verdad es que los ejercicios del W3Schools son algo repetitivos y sosos.
Bastante sosos.

Ejercicios sobre funciones

Cinco ejercicios sobre funciones
Del contenido del capítulo JS Functions del W3Schools.

Funciones

Una función es un bloque de código diseñado para realizar una determinada tarea.
Una función es ejecutada cuando algo la invoca. Le hace una llamada.
Del contenido del capítulo JS Functions del W3Schools.

Tipos de datos

Los tipos de datos en JavaScript son: String, Número, Boolean, Array, Objeto.
Del contenido del capítulo JS Data Types del W3Schools.

Ejercicicios sobre operadores de asignación

Operadores de asignación.
Del contenido del capítulo JS Assignment del W3Schools.

Ejercicios sobre operadores aritméticos

Ejercicios sobre operadores aritméticos.
Del contenido del capítulo JS Arithmetic del W3Schools.

Operadores aritméticos

Los operadores pueden ser matemáticos y de asignación.
Del contenido del capítulo JS Arithmetic del W3Schools.

Operadores

Los operadores pueden ser matemáticos y de asignación.
Del contenido del capítulo JS Operators del W3Schools.

Ejercicios sobre Variables

Ejercicios sobre variables.
Del contenido del capítulo JS Variables del W3Schools.

Variables

Las variables son contenedores para almacenar información.
Del contenido del capítulo JS Variables del W3Schools.

Comentarios

Los comentarios de JavaScript se puede utilizar para explicar el código, y para que sea más legible.
También se pueden usar para evitar la ejecución , cuando se prueba código alternativo.
Del contenido del capítulo JS Comments del W3Schools.

Declaraciones

Las declaraciones de JavaScript son instrucciones para ser ejecutadas por el navegador.
Del contenido del capítulo JS Statements del W3Schools.

Sintaxis

Un programa de computadora es una lista de las "instrucciones" para ser "ejecutados" por el ordenador.
En un lenguaje de programación, estas instrucciones de programa se llaman declaraciones.
JavaScript es un lenguaje de programación.
Las declaraciones de JavaScript están separados por punto y coma.
Del contenido del capítulo JS Syntax del W3Schools.

Operadores de asignación

Operadores de asignación.
Del contenido del capítulo JS Assignment del W3Schools.

Salida (output) en JavaScript

JavaScript puede mostrar información de cuatro formas distintas.

• Escribiendo en una ventana emergente con window.alert().
• Escribiendo en el propio documento HTML usando document.write().
• También en el propio documento HTML con innerHTML.
• O en la consola del navegador usando console.log().

Vamos a colocar en sendos iframes un ejemplo de cada caso para comprobar como funciona cada caso.

¿Dónde va el código JS?

Tenemos tres posibilidades para escribir el código JavaScript.

1.- En el cuerpo del documento HTML. En el body.
2.- En la cabecera del documento HTML. En el head.
3.- En un archivo externo que tiene que guardarse con la extensión .js.

Vamos a colocar en sendos iframes un ejemplo de cada caso para comprobar que funciona correctamente.

JS puede validar datos introducidos

Validación de datos.

JS puede cambiar los estilos del HTML

Modificar estilos CSS

Cambiar imágenes

Cambiar una imagen por otra

JS puede cambiar el contenido HTML

Modificar textos

Mi primer JavaScript

Obtener fecha y hora

Objetivos

Como mejor se aprende es haciendo.
En el caso de los lenguajes de programación, también.
En este blog me propongo seguir paso a paso los ejemplos que se muestran en la excelente web de W3Shools
No pretendo superarla.
Creo que es un excelente recurso para aprender HTML, CSS, JavaScript...
Me propongo, únicamente, trabajar los ejemplos, traducir lo que sea necesario y hacer comentarios.
Ya veremos si es posible hacer las cosas desde las entradas del blog o tendremos que colocar casi siempre iframes que carguen páginas externas.
El recurso de W3Schools es muy bueno.
La posibilidad de editar el código directamente en línea y observar los resultados es genial.
Allí no puedo competir.
De todas formas, aconsejo hacer con un editor de texto plano (el bloc de notas por ejemplo, o el Notepad++ para Windows, el Gedit par Linux o el Coda para Mac) todos y cada uno de los ejemplos y probarlos en modo local.
La dificultad de cualquier lenguaje de programación es memorizar la sintaxis correcta en el orden correcto. Y esto solo se puede conseguir ejercitando mucho. Escribiendo todo el código una y otra vez. Una y otra vez...