index.html

<!DOCTYPE html>
<html lang="es">
<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">
    <title>Controlar el objeto deslizante</title>
    <link rel="stylesheet" href="./styles/index.css">
</head>
<body>

    <!-- Controles  -->
    <div id="container-controles">
        <button id="btnPlay">
            <img src="./resources/img/play.svg" alt="play" id="imgBtnPlay">
        </button>
        <input type="range" id="reguladorVelocidad" min="1" max="20" step="1" value="1">
    </div>

    <!-- Cuerpo movil -->
    <div id="zonaMovimiento">
        <div id="cuerpoMovil" style="margin-left: 0px;"></div>
    </div>
    
    <!-- Scripts -->
    <script src="./main.js" type="module"></script>

</body>
</html>