在弹出窗口和JavaScript之间进行通信[关闭]

Question

我正在为Firefox构建扩展程序，我希望工具栏上的弹出窗口将用户输入传递给脚本。我尝试使用：

let timeInput = document.getElementById('timerValue');
let timeInputValue = timeInput.value();

在脚本中。HTML：

<input type="number" name="quantity" min="1" max="60" id="timerValue" />

但是它似乎不起作用。任何帮助表示赞赏

Answer 1

您似乎对获取输入字段的值感到困惑。在JavaScript中，getElementById返回一个引用该元素的对象。对象本身具有保存输入元素值的属性，而不是用于此目的的访问器函数。

下面是如何处理它的示例。单击输入字段将弹出其值。

let timeInput = document.getElementById('timerValue');

timeInput.onclick = () => {
  let timeInputValue = timeInput.value;
  alert(timeInputValue);
}

<input type="number" name="quantity" min="1" max="60" id="timerValue" />

TL / DR：

应该是timeInput.value，而不是timeInput.value()。

Answer 2

let timeInput = document.getElementById('timerValue');

let timeInputValue = timeInput.value`enter code here`;