时间戳

首页 > 解决方案 > 为什么我的“让”变量不清除输入字段？

javascript - 为什么我的“让”变量不清除输入字段？

问题描述

使用“let”时输入字段不会重置，但使用 form.number.value 时会重置


<!-- HTML CODE  -->
<form action="" class="form">
    <input type="number" id="number">
    <input type="submit" name="" id="btn">
</form>

<!-- JS CODE  -->
const form = document.querySelector('.form');

form.addEventListener('submit' , e=> {
    e.preventDefault();
    let inNumber = form.number.value;

    let randomNumber = Math.ceil(Math.random() * inNumber);
    console.log(randomNumber);
    inNumber = '';
})

标签： javascripthtmlcss

解决方案

您可以使用两种方式来reset形成，在这种情况下，html 元素不是两种方式与变量绑定

isNumber = ''
form.number.value = isNumber;

或使用

form.reset();


<!-- JS CODE  -->
const form = document.querySelector('.form');

form.addEventListener('submit' , e=> {
    e.preventDefault();
    let inNumber = form.number.value;

    let randomNumber = Math.ceil(Math.random() * inNumber);
    console.log(randomNumber);
    isNumber = ''
    form.number.value = isNumber;
    //form.reset();
})
<!-- HTML CODE  -->
<form action="" class="form">
    <input type="number" id="number">
    <input type="submit" name="" id="btn">
</form>

推荐阅读