</div>
<div class="column" id="5" ondrop="dragDrop(event)" ondragover="allowDrop(event)">
<img id="w1" src="img/white-ball.png" draggable="true" ondragstart="dragStart(event)">
</div>
<div class="column" id="6" ondrop="dragDrop(event)" ondragover="allowDrop(event)">
<img id="w2" src="img/white-ball.png" draggable="true" ondragstart="dragStart(event)">
</div>
<div class="column" id="7" ondrop="dragDrop(event)" ondragover="allowDrop(event)">
<img id="w3" src="img/white-ball.png" draggable="true" ondragstart="dragStart(event)">
</div>
</div>
<br>
<div class="boxes">
<button onclick="location.reload()">Try again</button>
<button onclick="repo()">Repository</button>
</div>
<div>
<p class="step" id="steps"></p>
</div>
<script src="index.js"></script>