I have problem with my hannoi tower. I want to add a counter to count each movenemt untill you finished the game.
Additionally i hava problem with my game about yellow circule but i ignored it. just i need to add a counter.
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>Geeky Towers of Hanoi</title>
<link rel="stylesheet" href="css/style.css"></link>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.js"></script>
<script type="text/javascript" src="js/towersOfHanoi.js"></script>
<script type="text/javascript" src="js/jquery.slidePanel.min.js"></script>
</head>
<body>
<div class="info message">
<h3>Invalid move!</h3>
<p>No disk may be placed on top of a smaller disk.</p>
</div>
<div class="success message">
<h3>Congratulations!</h3>
<p>You won! :)</p>
</div>
<div class="wrapper">
<h2>Towers Of Hanoi</h2>
<div class="droppable" id="tower1">
<div class="bar"></div>
<div class="content">
<div class="draggable disk3" id="disk3"></div>
<div class="draggable disk2" id="disk2"></div>
<div class="draggable disk1" id="disk1"></div>
<div class="draggable disk5" id="disk5"></div>
<div class="draggable disk4" id="disk4"></div>
</div>
</div>
<div class="droppable" id="tower2">
<div class="bar"></div>
<div class="content"></div>
</div>
<div class="droppable" id="tower3">
<div class="bar"></div>
<div class="content"></div>
</div>
<div>
<a href="#" id="rightPanel" class="trigger right">How To Play</a>
<div class="howToPlay panel right">
<h2>Towers Of Hanoi</h2>
<p>Try to move all the disks from the most left tower to the most right.
<br /><br />
You may only move one disk at a time.
<br /><br />
You must never allow a bigger disk to go on top of a smaller disk.</p>
</div>
</body>
</html>