Answers.Body: <p>I wasn't familiar with chessboard.js - but a quick search of their site turned up an example entitled <a href="http://chessboardjs.com/examples#5004" rel="nofollow"><strong>Piece Highlight 1</strong></a>, which seems to do just that.  The link includes both javascript and HTML examples, depending on which you're looking for.</p>
  
  <p>Since links are not permanent, here is the HTML example:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .highlight-white {
    -webkit-box-shadow: inset 0 0 3px 3px yellow;
    -moz-box-shadow: inset 0 0 3px 3px yellow;
    box-shadow: inset 0 0 3px 3px yellow;  
  }
  .highlight-black {
    -webkit-box-shadow: inset 0 0 3px 3px blue;
    -moz-box-shadow: inset 0 0 3px 3px blue;
    box-shadow: inset 0 0 3px 3px blue;  
  }
  &lt;/style&gt;
  &lt;script src="js/chess.js"&gt;&lt;/script&gt;
  &lt;div id="board" style="width: 400px"&gt;&lt;/div&gt;
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-09-06T21:49:23.380Z
Answers.LastActivityDate: 2016-09-06T21:49:23.380Z
Answers.UserDisplayName: Ghotir
Body: <p>I want player 2 to see what last move player 1 has moved. The best way to do this would be to highlight the last move. How is it possible in chessboard.JS?</p>
  
Tags: <chessboards>
Title: How to highlight current and previous move of the player in chessboard.js?
ThreadText: # How to highlight current and previous move of the player in chessboard.js?
  
  (Asked by: username_0 on 2016-09-01)
  
  I want player 2 to see what last move player 1 has moved. The best way to do this would be to highlight the last move. How is it possible in chessboard.JS?
  
  **Tags:** chessboards
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2016-09-06. Score: 1 | Accepted answer
  
  I wasn't familiar with chessboard.js - but a quick search of their site turned up an example entitled [**Piece Highlight 1**](http://chessboardjs.com/examples#5004), which seems to do just that. The link includes both javascript and HTML examples, depending on which you're looking for.
  
  Since links are not permanent, here is the HTML example:
  
  ```
  <style type="text/css">
  .highlight-white {
    -webkit-box-shadow: inset 0 0 3px 3px yellow;
    -moz-box-shadow: inset 0 0 3px 3px yellow;
    box-shadow: inset 0 0 3px 3px yellow;  
  }
  .highlight-black {
    -webkit-box-shadow: inset 0 0 3px 3px blue;
    -moz-box-shadow: inset 0 0 3px 3px blue;
    box-shadow: inset 0 0 3px 3px blue;  
  }
  </style>
  <script src="js/chess.js"></script>
  <div id="board" style="width: 400px"></div>
  
  ```
  
  
  ---
  
  