javascript - 如何打印文本区域中的数字数量?

标签 javascript html

大家好,学校练习的一部分是打印出我的文本区域中的数字的.length。换句话说,如果文本区域中有字符串,它应该只计算数字。

HTML:

<form>
    <p class="ptags">Kommentar:</p>
    <textarea id="kommentar" rows="5"></textarea>
    <p>Kommentar Ziffern</p>
    <p id="ikomm"></p>
</form>

Javascript:

/*Anzahl Ziffern in der Kommentarbox*/
function zkommentar(){
    var zkomm = document.getElementById('kommentar').value.length;
    var numbers = zkomm.match(/\d+/g).map(Number);
    var string = parseInt(numbers);
    document.getElementById('ikomm').innerHTML = numbers;
}
/*Ausgabe*/
function Ausgabe() {
    {
        document.getElementById('Ausgabe').innerHTML =
            namelength();
            kommentar();
            uhrzeit();
            datum();
            bdata();
            quadrat();
            quersumme();
            zkommentar();
    }
};

最佳答案

你在这里混淆了很多事情。

首先,您应该只存储 #kommentar,而不是它的长度。

然后,应用正则表达式后,文本区域中的数字数量将是 numbers 变量的 length :

function zkommentar() {
  var zkomm = document.getElementById('kommentar').value;
  var numbers = zkomm.match(/\d/g).map(Number);
  var string = numbers.length;
  document.getElementById('ikomm').innerHTML = string;
}
<form>
  <p class="ptags">Kommentar:</p>
  <textarea id="kommentar" rows="5"></textarea>
  <p>Kommentar Ziffern</p>
  <p id="ikomm"></p>
</form>

<button onclick="zkommentar();">Test</button>

关于javascript - 如何打印文本区域中的数字数量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48985119/

相关文章:

javascript - Ajax JSON 加载器不工作

java - 在 Java 中呈现 HTML

javascript - jQuery Mobile 多重过滤方法 - 文本/输入和选择/下拉菜单

html - 如何设置 MVC3/ASP.net DropDownList 的样式?

javascript - Heroku Node.js 应用程序 "Process exited with status 1"和错误 h10

javascript - 更改嵌套在另一个 HTML 项目中的项目的 innerHTML

javascript - 当 Popover 关闭时,Bootstrap Popover 表单值消失

html - Bootstrap 导航栏的固定宽度背景图像

javascript - 无法使用 React 和 Bootstrap 创建自定义样式

windows-vista - 使用 JScript (WSH) 刷新/重新启动 Vista 的图形登录屏幕