js 输入框只能输入1-100范围内的正整数

在JavaScript中，为了限制HTML输入框只允许用户输入1到100之间的正整数，可以结合事件监听和数据验证技术来实现。以下是简单的步骤：

1. 创建一个`<input>`元素，并设置`type="number"`以限制输入为数字，添加`min="1"`和`max="100"`属性限制最小值和最大值。

<input type="number" id="integerInput" min="1" max="100">

2. 使用JavaScript添加`change`或`keyup`事件监听器，检查用户输入是否符合规则。例如：

const input = document.getElementById('integerInput');

input.addEventListener('input', function(e) {
    const value = parseInt(this.value); // 转换为整数
    if (!Number.isInteger(value) || value < 1 || value > 100) {
        this.value = value >= 1 && value <= 100 ? value : '1'; // 如果输入非整数或超出范围，恢复默认值
    }
});

这个例子会在用户停止键入或改变输入值时检查，如果不符合条件则自动调整回1到100范围内的值。