javascript - 如何将这两个按钮功能合并为一个，例如开/关开关

Question

如何将这两个按钮功能合并为一个，以便按钮从 isRunning=true 切换到 isRunning=false，然后再次切换回来，依此类推？ “isRunning”是页面上 JavaScript 函数中的变量。

此外，我想将标准按钮替换为我自己设计的图像按钮(简单的 .jpg 文件)。有人可以帮忙吗？请参阅下面的代码:

<button onclick="isRunning = false">hold</button>
<button onclick="isRunning = true">continue</button>

Answer 1

给你:

<button onclick="isRunning = !isRunning; this.innerHTML = (isRunning) ? 'hold' : 'continue'">hold</button>

对于您的图像尝试:

<img src="hold.jpg" onclick="isRunning = !isRunning; this.src = (isRunning) ? 'hold.jpg' : 'continue.jpg'" />