JavaScript实现：计算输入数字中包含的10的整数倍数数量

云上老周

2026-5-28

嘿，这个需求的核心逻辑其实很直白——我们要算的就是输入数字里包含多少个完整的10，本质上就是对输入数字做「除以10后向下取整」的运算就行。

具体实现方案

首先得明确几个关键点：文本框的输入是字符串类型，所以第一步要把它转成数字；其次要考虑用户输入无效内容（比如字母、符号）的情况。

步骤拆解

先获取文本框的输入值，比如给文本框加个id="numberInput"，用DOM方法拿到它
把输入的字符串转为数字类型，这里推荐用Number()，能准确识别数字格式
用Math.floor()对「数字除以10」的结果取整，得到的就是10的整数倍数数量
处理异常情况：如果用户输入的不是有效数字，要给出提示

代码示例

下面是一个完整的前端实现示例，包含实时计算和异常处理：

// 获取输入框和结果展示元素
const numberInput = document.getElementById('numberInput');
const resultDisplay = document.getElementById('result');

// 监听输入事件，实时计算结果
numberInput.addEventListener('input', function() {
  const inputStr = this.value;
  const inputNum = Number(inputStr);

  // 处理非数字输入
  if (isNaN(inputNum)) {
    resultDisplay.textContent = '请输入有效的数字哦';
    return;
  }

  // 处理负数情况（如果需求只允许非负数的话）
  if (inputNum < 0) {
    resultDisplay.textContent = '请输入非负数字';
    return;
  }

  // 核心计算：向下取整得到10的整数倍数数量
  const multipleCount = Math.floor(inputNum / 10);
  resultDisplay.textContent = `包含${multipleCount}个10的整数倍数`;
});