Cómo crear la base para el lazo en su juego html5

Su juego de HTML5, sin duda, tendrá un para bucle en algún momento. El estandar para bucle cuenta los valores entre 1 y 10. El Conde de botón Diez desencadena la count () función. Aquí está el código para count ():

 recuento function () {output.innerHTML = "" -para (i = 1 i lt; = 10 i ++) {output.innerHTML + = i + "
"-} // Fin de bucle} // recuento final

Aunque el count () función imprime claramente diez líneas, que sólo tiene una línea que modifica el salida div. El código principal se repite muchas veces para crear la salida larga.

  1. Puede utilizar el salida var inmediatamente.

    Porque salida es una variable global y ya se ha creado, se puede usar al instante. No hay necesidad de inicializar en la función.

  2. Desactive la salida.

    Set output.value a la cadena vacía ("") Para desactivar la salida. Esto destruye cualquier texto se encuentra actualmente en el div.

  3. Empezar un para lazo.

    los para bucle es un bucle especial que se utiliza para repetir algo un cierto número de veces. por loops tienen tres componentes: inicialización, de comparación y de actualización.

  4. Inicialice la variable de conteo.

    LA para bucle funciona cambiando el valor de un número entero muchas veces. La primera parte de una para bucle inicializa esta variable (a menudo llamado yo) A un valor de partida (por lo general cero o uno).

  5. Especifique una condición para permanecer en el bucle.

    La segunda parte de una para declaración es una condición. Mientras que la condición es cierto, el bucle continúa. Tan pronto como la condición se evalúa como falso, el bucle termina.

  6. Cambie la variable.

    La tercera parte de una para declaración alguna manera cambia la variable de conteo. La forma más común para cambiar la variable es añadir uno a ella. los i ++ la sintaxis es la abreviatura de "Añadir una a i."

  7. Construir un bloque de código para el código repetido.

    Utilice abrazaderas y sangría para indicar que se repite de código. Todo el código dentro de las llaves se repite.

  8. Dentro del bucle, escriba a la salida.

    En cada iteración del bucle, agregue el valor actual de yo a la salida div's innerHTML. También agregue un descanso (
    ) Para que la salida se vea mejor. Cuando se agrega a una innerHTML propiedad, estás escribiendo código HTML, por lo que si desea que la salida se produzca en diferentes líneas, es necesario escribir el código HTML para que esto suceda.

  9. Cierre el bucle.

    No se olvide de terminar el bucle, o su programa no se ejecutará correctamente.




» » » » Cómo crear la base para el lazo en su juego html5