El ajedrez es un juego de mesa recreativo y competitivo que se juega entre dos jugadores. Se juega en un tablero de ajedrez cuadrado con 64 casillas dispuestas alternativamente en una cuadrícula de ocho por ocho en blanco y negro. En este artículo, aprenderemos cómo diseñar un tablero de ajedrez usando PHP.
Acercarse:
- Para crear Ajedrez en php; tenemos que ejecutar 2 bucles, cada uno creará 8 bloques.
- El bucle interno generará una fila de tabla con un color de fondo en blanco y negro en función de un valor.
- Si el valor es par, se genera un fondo negro.
- Si el valor es impar, se genera un fondo blanco
Tablero de ajedrez usando For-Loop:
PHP
<!DOCTYPE html>
<html>
<body>
<table width="400px" border="1px" cellspacing="0px">
<?php
echo "Chess by GeeksforGeeks";
$value = 0;
for($col = 0; $col < 8; $col++) {
echo "<tr>";
$value = $col;
for($row = 0; $row < 8; $row++) {
if($value%2 == 0) {
echo
"<td height=40px width=20px bgcolor=black></td>";
$value++;
}
else {
echo
"<td height=40px width=20px bgcolor=white></td>";
$value++;
}
}
echo "</tr>";
}
?>
</table>
</body>
</html>
Tablero de ajedrez usando while-Loop:
PHP
<!DOCTYPE html>
<html>
<body>
<table width="400px" border="1px" cellspacing="0px">
<?php
echo "Chess by GeeksforGeeks";
$value = 0;
$col = 0;
while($col < 8) {
$row = 0;
echo "<tr>";
$value = $col;
while($row < 8) {
if($value%2 == 0) {
echo
"<td height=40px width=20px bgcolor=black></td>";
$value++;
}
else {
echo
"<td height=40px width=20px bgcolor=white></td>";
$value++;
}
$row++;
}
echo "</tr>";
$col++;
}
?>
</table>
</body>
</html>
Tablero de ajedrez usando bucle do-while:
PHP
<!DOCTYPE html>
<html>
<body>
<table width="400px" border="1px" cellspacing="0px">
<?php
echo "Chess by GeeksforGeeks";
$value = 0;
$col = 0;
do {
$row = 0;
echo "<tr>";
$value = $col;
do {
if($value%2 == 0) {
echo
"<td height=40px width=20px bgcolor=black></td>";
$value++;
}
else {
echo
"<td height=40px width=20px bgcolor=white></td>";
$value++;
}
$row++;
}while($row < 8);
echo "</tr>";
$col++;
}while($col < 8);
?>
</table>
</body>
</html>
Salida: todo el código dará la misma salida.
Publicación traducida automáticamente
Artículo escrito por akshitsaxenaa09 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA