Javascript 字符或数字计数

标签 javascript html

如何计算 JavaScript 中文本框中输入的字符数? 让我知道我错过了什么。

function count1() {
  var len = Number(document.getElementById("num1").value);
  var n = len.length;
  document.getElementById("demo1").innerHTML = n;
}
<!doctype html>
<html>
  <head></head>
  <body>
    Enter Num: <input id="num1">
    <button onclick="count1()">Try it</button>
    <input id="demo1">
  </body>
</html>

最佳答案

不需要 Number 并将 innerHTML 替换为 value,这是适合输入的属性。Number 的主要目标 是将参数转换为数字。例如 "1" 是一个字符串,将被转换为 1 但它无法转换字母或要编号的字符。在您的情况下,如果您使用数字,它将返回 NaN

function count1() {
  var len = (document.getElementById("num1").value).length;
  document.getElementById("demo1").value = len;
}
Enter Num: <input id="num1">
<button onclick="count1()">Try it</button>
<input id="demo1">

关于Javascript 字符或数字计数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45984602/

相关文章:

javascript - 使用CSS改变不透明度的颜色

html - 在 React 中的 div 组件上设置背景图像时,如何检测损坏的链接?

html - 添加第二行 float 子项时容器 div 更改宽度

javascript - 如何在 Asp.net 中使用 Javascript 根据 DropDownlist 中的数据选择设置 Label Text 属性

html - 用于 html 的 Flash 解析器

javascript - 基于JSON对象动态创建表单

javascript - 使用新标题重新加载 html 页面

javascript - 更正菜单悬停显示

javascript - 如何在某些情况下禁用 wicket 的 setRequired

javascript - 开 Jest (): How to mock ES6 class default import using factory parameter