smove.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Smove</title>
    <link rel = "stylesheet" href = "./css/smove.css" type = "text/css" />
</head>
<body>
    <div id = "main">
        <canvas id = "score_level" width = '600' height = '150'></canvas>
        <canvas id = "grid" width = '400' height = '400'></canvas>
        <canvas id = "board", width = '300' height = '300'></canvas>
        <canvas id = "square", width = '300' height = '300'></canvas>
        <canvas id = "black_ball_area" width = '600' height = '600'></canvas>
        <canvas id = "info" width = '600' height = '600'></canvas>
    </div>
    <script type = "text/javascript" src = "./src/direction.js"></script>
    <script type = "text/javascript" src = "./src/Balls.js"></script>
    <script type = "text/javascript" src = "./src/main.js"></script>
</body>
</html>