Création d'échiquier avec javascript

Commenter

Contenu du snippet

Je galère actuellement pour créer un jeu d'échec, alors j'ai décidé d'aider un peu les gens qui seraient dans le même cas que moi.
Voici un code qui sert juste à créer un échiquier (8 cases sur 8).

Source / Exemple : 


<head>

<style type="text/css">
<!--
.caseBlanc, .caseBrun{
height : 35px;
width : 35px;
border : 1px solid #000000;
}
.caseBrun {
background-color: brown;
}
.caseBlanc {
background-color: #ffffff;
}
-->
</style>

<body>
    
<script language="JavaScript">
var nombre=1;
document.write('<table>');
for(var l=1; l<9; l++) // CREER 8 LIGNES
{
document.write('<tr>');
for(var c=1; c<9; c++) // CREER 8 CASES PAR LIGNE
{
    
if (nombre/2 == Math.round(nombre/2)) // classe CHANGE UNE CASE SUR DEUX (SI NOMBRE EST PAIR OU PAS)
{var classe="caseBrun"}
else
{var classe="caseBlanc"}
    
document.write('<td><a onMouseOver="position('+l+','+c+')"><div id="'+l+'|'+c+'" class="'+classe+'"></div></a></td>'); // CREATION DES CASES (position('+l+','+c+') EST COMPLETE PAR UNE FONCTION DE LOCALISATION DES CASES DANS UN AUTRE SCRIPT)
nombre++;
}
nombre++;
document.write('</tr>');
}
document.write('</table>');
    
</script>
    
</body>

Conclusion :


Ceci n'est pas un script pou créer un jeu d'échec entier, mais juste l'échiquier. Si vous pouvez m'aider pour une fonction de déplacement
des pièces, je suis preneur ! Dites-le moi par message privé !

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (CodeurleGeek)