make a piano game MAKE IT LOOK LIKE A REAL GAME's game

Click here for free DL of the app version that can save data.

No:46838

←

Prev Next

→

make a piano game MAKE IT LOOK LIKE A REAL GAME
Developer Esuper_king｜Date and time 24/2/26 9:27:31
Build time 5.486 sec｜Game capacity 1.535KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Piano Game</title>
<style>
  body { 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
  }
  .key {
    width: 50px;
    height: 150px;
    border: 1px solid #333;
    margin: 10px;
    cursor: pointer;
  }
</style>
</head>
<body>

document.addEventListener('keydown', function(event) {
  const key = event.key.toUpperCase();
  if (key in keySounds) {
    playSound(key);
  }
});

function playSound(key) {
  keySounds[key].currentTime = 0;
  keySounds[key].play();
}

const keys = ['C', 'D', 'E', 'F', 'G', 'A', 'B'];

keys.forEach(key => {
  const keyElement = document.createElement('div');
  keyElement.classList.add('key');
  keyElement.textContent = key;
  keyElement.addEventListener('click', function() {
    playSound(key);
  });
  document.body.appendChild(keyElement);
});
</script>

</body>
</html>
```