Suche HTML-Code für ein Schachbrett als Lernvorlage?

Question

Suche HTML-Code für ein Schachbrett als Lernvorlage?

2 Antworten

RakonDark · Answer 1

Wenn Du das geschaft hast ,dann als nächste Lernvorlage

CANVAS und dann mit JavaScript .

Das ist Heute üblich in HTML5


<html>
<head>
<style type="text/css">* {background : #FFFFFF;} </style>
<script tpye="text/javascript">
/*! Gute Fragen by RakonDark */ 
function farbwechsel(aktFarbe) { 
  /*! Schwarz wird zu weiss und umgekehrt */
 if( aktFarbe=="#000000" ) { return "#FFFFFF"; } 
 else { return "#000000"; } 
} 
function paint() { 
 var fieldsize=15; //Länge bzw. Breite eines Feldes in Pixel 
 var chessboardsize=8; // falls du mal ein größeres Schachbrett möchtest ;) 
 /*! Das Canvas Element */ 
 var c = document.getElementById("schach"); 
 /*! hoehe und breite des Schachbrettes */ 
 c.height = chessboardsize * fieldsize; 
 c.width = chessboardsize * fieldsize; 
 /*! Das Canvas Zeichen Feld */ 
 var ctx = c.getContext("2d"); 
 for (var csize=0; csize < chessboardsize ; ++csize) { people[csize] = new Array(chessboardsize); } 
  /*! Anfangsfarbe schwarz */ 
  var aktFarbe = "#000000"; 
  /*! Das Schachbrett zeichnen */ 
  for(var currentX=0; currentX < chessboardsize; ++currentX) { 
   for(var currentY=0; currentY < chessboardsize; ++currentY) { 
    /*! Farbe Setzen */ 
    ctx.fillStyle = aktFarbe; 
    /*! Feld Zeichnen */ 
    ctx.fillRect(currentX*fieldsize, currentY*fieldsize, fieldsize, fieldsize); 
    aktFarbe = farbwechsel(aktFarbe); 
   } 
   aktFarbe = farbwechsel(aktFarbe); 
  } 
 } 
</script>
</head>
<body onload="paint()" >
<canvas id="schach" ></canvas>
</body>
</html>

ganz vergessen ctx sollte man heute nicht mehr nehmen , ccontext wäre besser . ctx könnte schon vom browser javascript genutzt werden .
Hm, da stimmt wohl was nicht.

https://jsfiddle.net/kn5tz50w/
ich habs nur für gutefragen umgewandelt , hat sich wohl ein fehler eingeschlichen, als ich die figuren rausgenommen habe

hier das original http: // praetorians.me/example/schachbrett.html

hier das fiddle dazu https://jsfiddle.net/ef52v599/

danke noch für den hinweis

KingLouis1 · Answer 2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

<html>

<head>

<title>Schach</title>

</head>

<body>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</table>

</body>

</html>