p1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="p1.css">
    
    <title>project 1</title>
</head>
<body>
    <canvas id="canvas1"></canvas>
    <div class="controls">
        <label for="animations">choose Animation:</label>
        <select id="animations" name="animations">
            <option value="idle">idle</option>
            <option value="jump">jump</option>
            <option value="fall">fall</option>
            <option value="run">run</option>
            <option value="dizzy">dizzy</option>
            <option value="sit">sit</option>
            <option value="roll">roll</option>
            <option value="bite">bite</option>
            <option value="ko">ko</option>
            <option value="gethit">gethit</option>
        </select>
    </div>
    <script src="p1.js"></script> 

</body>
</html>