Tutorial del proyecto JavaScript de kits de batería electrónica

Archivos completos del proyecto

Créalo a partir del código fuente

Crea los archivos del proyecto, copia el código y abre el archivo HTML en tu navegador.

1Crea 3 archivos
→
2Copia el código
→
3Ejecuta index.html

Antes de ejecutarlo

Mantén todos los archivos del proyecto juntos en la misma carpeta.

Estructura del proyecto

drum-kits/

<!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" />
    <title>Drum Kits</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
      integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>Drum Kits <i class="fas fa-drum"></i></h1>
    <div class="container"></div>
    <script src="index.js"></script>
  </body>
</html>

Baterías Electrónicas

Baterías Electrónicas

Créalo a partir del código fuente

Practica con proyectos relacionados

Simulador de lanzamiento de dados

Lista de tareas pendientes

Aplicación de recetas

Simulador de lanzamiento de dados

Lista de tareas pendientes

Aplicación de recetas