title: JavaFX: how to design a chess table with event handler on each square
body: <p>How can I draw a chess table in java?<br>
  I thought using <code>TilePane</code> would be ok.<br>
  I also managed to put squares inside the <code>TilePane</code>.</p>
  
  <p>But when one of the squares is clicked it should change color. (i.e. from black to red or vice versa). In this example I used <code>Circle</code> instead of <code>Rectangle</code>:</p>
  
  <pre><code>circle.setOnMouseClicked(new EventHandler&lt;MouseEvent&gt;() {
      @Override
      public void handle(MouseEvent event) {
          System.out.println("Mouse Clicked!"));
      }
  });
  </code></pre>
  
  <p>shows a message, but I cannot change any properties of the <code>circle</code></p>