javascript - 使 onclick 事件在第二次单击时有不同的 react

Question

我的网站上有一个按钮，当您单击它时它会播放音乐，同时它会更改按钮内的文本(变为“转到 SoundCloud”。)我希望那个按钮(上面有新文本)在我点击它时重定向到 SoundCloud。

现在我在第一次点击时得到了这两个，这是重定向到 SoundCloud 并播放轨道。 (再加上它改变了文本)

任何想法，如何解决这个问题？谢谢!

var links = document.getElementById("playButton");
links.onclick = function() {

var html='<iframe width="100%" height="450" src="sourceOfMyMusic"></iframe>';
document.getElementById("soundCloud").innerHTML = html;

var newTexts = ["Go to SoundCloud"];
document.getElementById("playButton").innerHTML = newTexts;

newTexts.onclick = window.open('http://soundcloud.com/example');

};

Answer 1

使用一个变量来指示是第一次点击还是第二次点击。

var first_click = true;
links.onclick = function() {
    if (first_click) {
        // do stuff for first click
        first_click = false;
    } else {
        // do stuff for second click
    }
}