javascript - 单击按钮时使用 Javascript 调用并返回值

Question

我正在努力完成以下任务，但我不知道为什么我在挣扎。创建一个新的 fiddle ，其中包含一个带有文本“x2”和数字 1 的按钮，如下所示:

1 x2

使用Javascript来实现，每次单击该按钮时，x2按钮上方的数字都会加倍。把 fiddle 的链接发给我。

这是我迄今为止所拥有的。我知道我通过 JS 定位按钮，但我不知道如何在单击 x2 按钮时返回更新的值。

<p id="counter">1</p>
<button onclick="calc()">x2</button>
<script>
function calc() {
    var element = document.getElementById("counter") *2;
    return counter.innerHTML = element;
}
</script>

Answer 1

看看这段代码做了什么:

var element = document.getElementById("counter") *2;

您正在将一个元素乘以二，您没有阅读文本。

您想要使用innerHTML或textContent。它返回一个字符串，因此您需要使用 parseInt() 或 parseFloat()。