En este segundo tutorial aprenderemos a hacer una tabla de multiplicar dinámica, para ello veremos los siguientes puntos:

• Declarar y usar variables en PHP.
• Bucles de tipo  “for”.
• Concatenar Strings.

Si aún no sabes qué es y para qué se usa PHP puedes ver el tutorial número 1 aquí.

Variables en PHP

Al contrario que “c”, en PHP los tipos de variables se gestionan de manera automática, así pues el tipo de variable dependerá del contenido de la variable. Para definir una variable en PHP, ésta debe empezar por el carácter dólar ($):$variable; //una variable en php siempre contendrá como caracter inical $. En php no hace falta declarar el tipo de variable, el tipo de ésta se gestiona de manera automática de tal forma que: $variable = 3; //variable de tipo int $variable = 3.7;// variable de tipo float $variable = "GeeKytheory"; // variable de tipo String;

Bucle For

Para los que no sepan nada de programación un bucle “for”  tendrá el siguiente esquema: for( $i=0; $i<$condicion; $i++){ //código } De tal forma que en un bucle “for” se realizarán tantas iteraciones del código escrito siempre que se cumpla la condicion ($i<$condicion), el último bloque incrementará en una unidad la variable $i al final de la iteración.

Concatenar Strings

Para concatenar Strings debemos usar el operador “.”, así pues, un sencillo ejemplo de Strings concatenados es el siguiente: $palabra1 = “Geeky”; $palabra2 = ”Theory”; $total=$palabra1.$palabra2; echo $total; el resultado del echo será la palabra “GeekyTheory”

Tabla de multiplicar dinámica

Una vez hemos explicado estos sencillos conceptos, vamos a proceder a la realización de nuestra tabla de multiplicar dinámica. El código de ésta es: <?php $variable; //una variable en php siempre contendra como caracter inical $. En php no hace falta declar el tipo de variable, el tipo de esta se gestiona de manera automática de tal forma que: $variable = 3; //variable de tipo int $variable = 3.7;// variable de tipo float $variable = "GeeKytheory"; // variable de tipo String; //Ejemplo de tabla de multiplicar dinámica. $indice = 10; $multiplicando = 20; //creamos una tabla en html echo "<table border = 2>"; //Le ponemos los titulos a las cabeceras de las columnas echo "<th> Tabla * </th>"; echo "<th> X1 </th>"; echo "<th> X2 </th>"; echo "<th> X3 </th>"; echo "<th> X4 </th>"; echo "<th> X5 </th>"; echo "<th> X6 </th>"; echo "<th> X7 </th>"; echo "<th> X8 </th>"; echo "<th> X9 </th>"; echo "<th> X10 </th>"; //mediante dos bucles "for" crearemos las filas de la columnas de forma dinámica for($i=1;$i<=$multiplicando;$i++){ //creamos una fila echo "<tr>"; //creamos el segundo bucle for que vaya calculando el contenido de cada columna //nombre de la fila echo "<td>"; echo "<b>Tabla del ".$i."</b>"; echo "</td>"; for($j=1;$j<=$indice;$j++){ //creamos una columna echo "<td>"; //multiplicamos el "j" por la iteracion en la que estemos "i" de la tabla de multiplicar echo $j*$i; echo "</td>"; } //cerramos la etiqueta tr echo "</tr>"; } //cerramos la etiqueta table echo "</table>"; ?> Usando la sentencia echo procedemos a crear la estructura de la tabla con las etiquetas <table> , <th> ,<tr> , <td> del lenguaje HTML. Con ayuda de dos variables $indice y $multiplicando las cuales nos servirán de referencia creamos dos bucles anidados, el primero creará una nueva fila en la tabla, mientras que el segundo se encargará de crear todas las columnas con el valor de la multiplicación. Si guardamos este fichero y lo ejecutamos, nos aparecerá la siguiente ventana:

Para terminar, como ejercicio os propongo trastear el código y ver lo que pasa si vamos cambiando las variables. Pues esto es todo por hoy, espero que se haya entendido todo y, para cualquier duda contactar conmigo a través de comentarios en el post o en mi cuenta de Twitter @alex_esquiva. En el próximo tutorial aprenderemos a usar el método GET y POST, los cuales nos permiten obtener datos del usuario. Crearemos una tabla de multiplicar dinámica con los datos obtenidos de éste. Podéis descargar todo el código implementado en esta serie de tutoriales desde este enlace:

Por último, os pedimos que por favor compartáis el tutorial por twitter, facebook, etc.. Un saludo!!!! Enlaces Recomendados: [catlist name='Programación Web' orderby=time order=asc numberposts=100]