El for ahorra código, y con este ejemplo se muestra, ya que sino habría que hacer una línea de código por cada ganador.
1️⃣Siempre recordar que también se puede hacer el código del Javascript en un archivo con extensión .js, llamándolo en html con script src= “nombre . js”
2️⃣Se crea la variable “d” que en este caso es la variable inicializadora del ciclo for, tiene asignado el 1,para que el ciclo comience por 1.
2️⃣El ciclo que cumplirá el for, tiene la inicialización del array con un campo de 10 //Importante al hacer un arreglo, es hacer uno nuevo “new Array” dentro de una variable “c” y asignarle los campos dentro del paréntesis “(10)”//. Después la condición que cumple “d<=10” que se leería como, hasta que d sea mayor o igual a 10 se termina el ciclo, y para que funcione el for y avance tenemos el “++d” que le sumará 1 cada “vuelta”.
3️⃣Dentro del for (importante usar llaves cuando se hace un for {}) Se pide que cada que se cumple el ciclo, la variable “c” con [ ], que los paréntesis cuadrados determinan la posición que se llenará del arreglo , entonces “c[d] “se refiere que la posición será 1,2,3,4.. Y se llenaran los 10 campos, por que la variable “d” es la del ciclo, entonces aumenta 1 cada que se cumpla, al estar así facilita ya que se nos ayudamos del for, por que esto bien se podría hacer así : C[1]=… C[2]=… Y seguiría, pero en situaciones que sean muchos más de 10 un ciclo es la mejor opción.
4️⃣c[d] = window.prompt El “window.prompt” se refiere que saldrá una ventana emergente en la página y será input, el usuario podrá poner en este caso el nombre del ganador, y lo hará 10 veces, como es el ciclo que esta cumpliendo el for.
5️⃣Después lo que se imprime en la pantalla es “d” que es la posición, la que se suma cada vez ej: 1. Ericka es el campo que lleno el usuario (c[d]) Esto se hace 10 veces porque también está dentro del for
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ERICKAPRACTICA2</title>
<Script>
var d=1
document.writeln("<h1>Lista de ganadores del Gran Bingo</h1>")
for(var c= new Array(10);d<=10;++d)
{
c[d]=window.prompt("¿Cual fue el "+ d+"° ganador?")
document.writeln("<p>"+d+"."+c[d]+"</p>")
}
</Script>
</head>
<body>
</body>
</html>
