当我按下键盘上的“ z”时，我希望它将具有sound1.wav的键“ a”更改为现在按下时播放sound2.wav

Question

So what I'm trying to accomplish is this: Pressing 'a' on keyboard plays 'hello.wav'. Pressing 'z' on keyboard changes the key 'a' to 'goodbye.wav'. Now by pressing 'a' on keyboard it plays this 'goodbye.wav' instead of 'hello.wav'.

So in html I have a div of a bunch of audio id:

            <audio id="c1" controls style="display:none">
              <source src="hello.wav" type="audio/mpeg">
            </audio>

and to trigger the sound is by pressing the key "a" which is keycode=65 and the javascript code is:

    document.addEventListener('keydown', function(e) {
      if (e.keyCode == 65) {
        document.getElementById('c1').play();
      }
    });

What I don't know how to do is that if I pressed key "z" then keycode == 65 would now play goodbye.wav instead of hello.wav:

     <audio id="ex1" controls style="display:none">
          <source src="goodbye.wav" type="audio/mpeg">
    </audio>

Answer 1

You could track if z was pressed using some flag, and on A key, play the approrpiate music. Hope I've understood your requirement correctly.

var enableGoodbye = false;
document.addEventListener('keydown', function(e) {
  if (e.keyCode == 65) {
    if (enableGoodbye === true)
        document.getElementById('ex1').play();
    else
        document.getElementById('c1').play();
  } else if (e.keyCode == 90) { //If Z, set flag to true
        enableGoodbye = true;
  }
});

Here is a fiddle: http://jsfiddle.net/t8owxqo6/