Javascript JS-每次单击后播放不同的声音

我有一个单一的链接，我希望链接播放不同的声音，每次点击。当我点击链接时，它会同时播放两种声音，但我希望一次播放一种声音

var bleep = new Audio('hello.mp3') ;
bleep.src = "hello.mp3" ; 

var bleep2 = new Audio('goodbye.mp3') ;
bleep2.src = "goodbye.mp3"; 



    <a href="#" onclick="bleep.play('hello.mp3'); bleep2.play('goodbye.mp3');">Home</a>

var bleep=新音频（'hello.mp3'）；
bleep.src=“hello.mp3”；
var bleep2=新音频（“再见.mp3”）；
bleep2.src=“再见.mp3”；

您应该从中创建一个函数，用于检查上次单击的声音。此外，您无需设置

.src

属性或将字符串传递给

JS:

var bleep = new Audio('hello.mp3');

var bleep2 = new Audio('goodbye.mp3');

var playFirst = true;
function playSound() {
  if (playFirst) {
    bleep.play();
  } else {
    bleep2.play();
  }
  playFirst = !playFirst;
}

<a href="#" onclick="playSound()">Home</a>

HTML:

var bleep = new Audio('hello.mp3');

var bleep2 = new Audio('goodbye.mp3');

var playFirst = true;
function playSound() {
  if (playFirst) {
    bleep.play();
  } else {
    bleep2.play();
  }
  playFirst = !playFirst;
}

<a href="#" onclick="playSound()">Home</a>

---

您应该从中创建一个函数，用于检查上次单击的声音。此外，您无需设置

.src

属性或将字符串传递给

JS:

var bleep = new Audio('hello.mp3');

var bleep2 = new Audio('goodbye.mp3');

var playFirst = true;
function playSound() {
  if (playFirst) {
    bleep.play();
  } else {
    bleep2.play();
  }
  playFirst = !playFirst;
}

<a href="#" onclick="playSound()">Home</a>

HTML:

var bleep = new Audio('hello.mp3');

var bleep2 = new Audio('goodbye.mp3');

var playFirst = true;
function playSound() {
  if (playFirst) {
    bleep.play();
  } else {
    bleep2.play();
  }
  playFirst = !playFirst;
}

<a href="#" onclick="playSound()">Home</a>

---

不要将事件监听器作为

onclick

内联连接，而是使用JS使用

addEventListener

将其连接。这允许您选择要播放的音频剪辑：

var helloSound = new Audio('hello.mp3');
helloSound.src = "hello.mp3"; 

var goodbyeSound = new Audio('goodbye.mp3');
goodbyeSound.src = "goodbye.mp3";

var homeLink = document.getElementById('home-link');

homeLink.addEventListener('click', function () {
    if (/* condition to play hello */) {
        helloSound.play();
    } else {
        goodbyeSound.play();
    }
});

标记：

<a href="#" id="home-link">Home</a>

---

不要将事件监听器作为

onclick

内联连接，而是使用JS使用

addEventListener

将其连接。这允许您选择要播放的音频剪辑：

var helloSound = new Audio('hello.mp3');
helloSound.src = "hello.mp3"; 

var goodbyeSound = new Audio('goodbye.mp3');
goodbyeSound.src = "goodbye.mp3";

var homeLink = document.getElementById('home-link');

homeLink.addEventListener('click', function () {
    if (/* condition to play hello */) {
        helloSound.play();
    } else {
        goodbyeSound.play();
    }
});

标记：

<a href="#" id="home-link">Home</a>

单击按钮时，什么决定播放哪种声音？单击按钮时，什么决定播放哪种声音？