index.html

<!DOCTYPE html>
<html> 
    <head>
        <meta charset="utf-8">
        <title>
            a star path finding
        </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="main.css">
        <!-- <script defer src="main.js"></script> -->
    </head>
    <body>
        <div id="description">
            <h3>
                Pathfinding Algorithms Visualization 
            </h3>
            <p>
                Pathfinding algorithms are among the most important algorithms that are being used every day here I try to visualize how they work to understand and compare them.
            </p>
            
        </div>
        <div id="display">
            <div id="visualization">
                
            </div>
        </div>
        <div id="control-unit">
            <button id="run" class="btn">run Algorithm</button>    
            <button id="break" class="btn">break</button>    
        </div>
       
        
        <script src="main.js" defer></script>
    </body>
</html>