Eu tenho esse código abaixo, mas só consegui criar um botão que toca um só som. Podem me ajudar como coloco mais botões com diferentes sons ou ainda como colocar mais sons no mesmo botão (algo como sons aleatórios que tocam quando se aperta tal botão)?
<!DOCTYPE html>
<html lang="pt br">
<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>Botões com Som</title>
</head>
<body>
<h1>Botões e efeitos sonoros</h1>
<audio>
<source src="som1.wav">
</audio>
<button>Uepa!</button>
<script>
const button = document.querySelector('button')
button.addEventListener('click', function(){
const audio= document.querySelector('audio')
audio.currentTime = 0
audio.play()
})
</script>
</body>
</html>