JS/TP03/EX03/tri.html

64 lines
1.6 KiB
HTML
Raw Normal View History

2024-02-27 17:32:57 +01:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title></title>
<script src="./js/tri.js"></script>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<h3>Drag and Drop</h3>
<!-- Le tableau initial -->
<div class="ct normal" id="start">
<div class="slot">
<div id="drag1" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag2" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag3" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag4" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag5" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag6" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag7" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag8" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag9" class="drag" draggable="true"></div>
</div>
<div class="slot">
<div id="drag10" class="drag" draggable="true"></div>
</div>
</div>
<!-- Le tableau doit être trié ici -->
<div class="ct good" id="end">
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
<div class="slot"></div>
</div>
</body>
</html>