如何计算在javascript中使用循环（循环）输入的输入？答案

【问题标题】：How to count the input entered with cycle(loop) in javascript?如何计算在javascript中使用循环（循环）输入的输入？
【发布时间】：2018-04-14 14:17:14
【问题描述】：

如果你输入像 600 这样的随机数，他们希望程序打印“它由三位数字组成”，他们希望有一个循环并从用户那里获取输入。我们不能使用 document.write("" );抱歉，如果已经存在类似的帖子，我找不到我要找的东西。我的想法的一部分基本上是输入，按钮并使用 document.getelementbyid 获取输入，并以某种方式用内部 html 显示它。提前致谢！

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>


    <p id="result">Hello, please enter a number and the program will show the number of digits
    the number is made of.</p>

    <input id="input1" name="x" placeholder="Enter a number " />

    <button onclick="result()">submit</button>

    <script>
function firstFunction() {
   var input = document.getElementById("input1");
   var result = result();

   document.getElementById("result").innerHTML = ;
   
}

function result(){

//function for the cycle


}
    


    </script>


</body>
</html>

【问题讨论】：

标签： javascript html loops cycle

【解决方案1】：

我希望我明白你想要什么，一个告诉某人他们在文本输入中输入了多少数字的函数。我认为我所做的可能对你需要的东西来说太花哨了，但也许不是。我正在使用 RegEx 来计算输入中的位数，然后将该数字转换为表示它的字符串。如果没有数字，但有字母或特殊字符，则返回零。它最多只能数到九并停止，但您可以轻松地达到您需要的高度。

function res() {
  var input = document.getElementById("input1");
	var result = document.getElementById("result");
	var pattern = /[0-9]/g;
	var num = (input.value).match(pattern);
	var str;
	if (!num) {
	  str = "zero digits";
	} else {
	  switch (num.length) {
	    case 0:
		    str = "zero digits";
	  		break;
	    case 1:
			str = "one digit";
  			break;
	    case 2:
		    str = "two digits";
			break;
  	    case 3:
	  		str = "three digits";
		  	break;
  	    case 4:
	  	    str = "four digits";
		  	break;
  	    case 5:
	  		str = "five digits";
		  	break;
	    case 6:
		    str = "six digits";
  			break;
	    case 7:
		  	str = "seven digits";
		    break;
  	    case 8:
	  	    str = "eight digits";
		  	break;
	    case 9:
			str = "nine digits";
  			break;
	    default:
  		    str = "more than nine digits";
	  		break;
	  }
	}
	result.innerHTML = "It's made of " + str + "."
}

<p id="result">Hello, please enter a number and the program will show the number of digits the number is made of.</p>
<input id="input1" name="x" placeholder="Enter a number" />
<button onclick="res()">submit</button>

【讨论】：

非常感谢您的回复，我认为没有人会，它工作得很好，但他们希望解决方案带有循环，否则可能找到更多解决方案，但他们想要一个循环$('#input').on('keypress', function(e) { var count = $(this).val().length; $('#span').text(count);
我不明白你使用循环的方式。此外，“他们”想要什么并不重要。 “你”想要达到什么目的？
来自大学，我习惯于仅在此结构中看到循环 for (int i = 1; i

【解决方案2】：

Get number of digits with JavaScript

它已经完成了，我以前没有看到它。

function count_digits(n) {
numDigits = 0;
integers = Math.abs(n);

while (integers > 0) {
    integers = (integers - integers % 10) / 10;
    numDigits++;
}
return numDigits;

}

【讨论】：