如何使用JavaScript将用户输入时间数据(分钟和秒)附加到数组中?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (34)

我有一个表单,用户可以输入完成某个任务所需的时间(分钟和秒),我想将此输入推送到空数组。

目前,当我尝试将数组打印到控制台时,它表示数组中有一个值,但不显示该值。


<form id="mile1">
    Mile 1 Time: <input mile1="mile1" type="time" size="20">
</form>
<br>
<button class="test" onclick="storeValue()">test</button>


var userTimes = [];

let storeValue = function() {
    let inputTime = document.getElementById('mile1').value;
    userTimes.push(userTimes);
}

我希望能够知道表单中的值输入已经存储在数组中,以后可以用于进一步的计算。任何帮助将非常感激。

提问于
用户回答回答于

这是一个包含验证的解决方案:

<form id="mile-form">
    Mile 1 Time: <input id = "mile1" type= "time" size="20">
</form>

<button class="test" onclick="storeValue()">test</button>
const userTimes = [];

const storeValue = function () {
  const mile1 = document.querySelector("#mile1");

  if (!mile1.value || mile1.validationMessage) {
    console.log("Error message here");
  } else {
    userTimes.push(mile1.value);
  }

}

请注意,拥有全局变量是代码气味。你应该考虑重构以收紧范围userTimes

用户回答回答于

取输入元素的值而不是表单。你需要inputTime进入阵列。

userTimes = [];

let storeValue = function () {

    let inputTime = document.getElementById('mile1').value;

    userTimes.push(inputTime);
    console.log(userTimes);

}

<form >
    Mile 1 Time: <input id="mile1" type= 'time' size='20'> </form> <br>

<button class='test' onclick="storeValue()">test</button>

扫码关注云+社区

领取腾讯云代金券