Отображать имя звука при нажатии кнопки

Question

Итак, у меня есть кнопка, которая при нажатии будет воспроизводить случайный звук. Я хотел бы иметь возможность отображать определенный текст в зависимости от того, какой звук воспроизводится. Мне нужна помощь, поскольку я довольно новичок в этом.

Вот HTML-

<a href="#" onclick="mySounds()" id="soundbutton" class="button button1"></a> 
<script type="text/javascript" src="meme.js"></script></div> 

Вот Javascript

var sounds = ["Titanic.mp3", 
"biggiecheese.mp3", 
"mcscuseme.mp3", 
"orgasm.mp3", 
"broccoli.mp3", 
"crab.mp3", 
"sniffing.mp3", 
"criminal.mp3", 
"suicidal.mp3", 
"arrow.mp3", 
"r2d2.mp3", 
"carlwheezer.mp3", 
"banana.mp3", 
"blaster.mp3" 


/*".mp3",*/ 

]; 

var sound; 

//function used to create a random number 
function generateRandomNumber(max) { 
    return Math.floor(Math.random() * max); 
} 

function playSound() { 
    //create a random number and assign to x 
    var x = generateRandomNumber(sounds.length - 1); 
    var soundSrc = sounds[x]; 
    //create a new instance of the audio object 
    if (sound) { 
     sound.pause(); 
    } else { 
    sound = new Audio(); 
    } 
    sound.src = soundSrc; 
    //play the sound 
    sound.play(); 
} 

document.getElementById('soundbutton').addEventListener('click', playSound); 

Answer 1

Просто установите любой элемент с громким именем на слушателя OnClick.

<span id='myspan'></span> 
<script> 
    function playSound() { 
     ... 
     document.getElementById('myspan').innerHTML = sound.src; 
    } 
</script> 

Кроме того, как указано Сера, вам не нужна последняя строка, так как ссылка привязана к слушателю в определении.

document.getElementById('soundbutton').addEventListener('click', playSound);