Soundname anzeigen, wenn die Taste gedrückt wird

Question

So habe ich einen Knopf, der beim Drücken einen zufälligen Ton spielt. Ich würde gerne in der Lage sein, einen bestimmten Text anzuzeigen, je nachdem, welcher Sound gerade gespielt wird. Ich brauche etwas Hilfe, da ich ziemlich neu in diesem Zeug bin.

Hier ist der HTML-

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

Hier ist der 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

Stellen Sie einfach ein beliebiges Element mit dem Klang Namen auf dem onClick Zuhörer.

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

Auch als Brimstone angegeben, brauchen Sie nicht die letzte Zeile, weil die Verbindung zum Hörer in der Definition gebunden ist.

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