主页 / 问题 / 1363807
Accepted
Cobra777
Asked:2022-05-20 00:00:31 +0000 UTC2022-05-20 00:00:31 +0000 UTC

如何使用千位分隔符从输入中获取价值？

  • 772

伙计们，如何解决这个问题 - 我立即编写代码：

function onCalc() {
        const val = +document.querySelector('#input-value').value;
        const out = document.querySelector('#out-value');
        out.innerHTML = 'Итого:'+ val * 5;
    }
    document.querySelector('#calc-btn').onclick = onCalc;
<input id="input-value" type="text">
<button id="calc-btn" class="btn">Calculate</button>

<div id="out-value">Итого:</div>

这个任务很简单，已经写了很多，但有几个条件 - 1）输入和输出值必须以千分之一显示（例如：1,000 或 1,345,678.678.9）。2) 只有数字 + , + .! 我立即写输入类型=“数字”不提供！） - 不适合。我可以分别创建两个条件，但我还不能将它们组合在一起。有这个代码片段：

document
        .querySelector('#input-value')
        .addEventListener('input', function (e) {
            this.value = this.value.replace(/[^\d.]/g, '');
            this.value = this.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
        });

据它说：输入一切正常，但 NaN 进来了。一般来说，我会很高兴得到任何帮助。

javascript

1 个回答

  1. Best Answer

    function onCalc() {
  const input = document.querySelector('#input-value');
  const value = input.value;
  const number = parseFloat(value.replaceAll(',', ''));
  const out = document.querySelector('#out-value');
  out.innerHTML = 'Итого:' + number * 5;
}
document.querySelector('#calc-btn').onclick = onCalc;

document.querySelector('#input-value').addEventListener('input', function(e) {
  this.value = this.value.replace(/[^\d.]/g, '');
  this.value = this.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
});
    <input id="input-value" type="text" />
<button id="calc-btn" class="btn">Calculate</button>

<div id="out-value" type="text" maxlength="12">Итого:</div>

    • 1

相关问题