javascript-drag-and-drop.html

<!DOCTYPE html>
<html>
<head>
    <title>javascript-drag-and-drop</title>
    <link rel="stylesheet" type="text/css" href="css/javascript-drag-and-drop.css"/>
    <script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="js/javascript-drag-and-drop.js"></script>
</head>
<body>
    <div id="bucket1" class="bucket"></div>
    <div id="bucket2" class="bucket"></div>
    <div id="bucket3" class="bucket"></div>
    <div id="chip" draggable="true" class="chip begin"></div>
    <br style="clear: both"/>
    <div id="eightBallMessageBox">Please grab the chip and give it to one of the sooth-sayer boxes.</div>
    <script src="js/javascript-drag-and-drop.js"></script>
</body>
</html>