入力した数値の桁数を表示

jsdoit.css

*{margin:0;padding:0;}body{font:30px sans-serif;text-align:center;}

jsdoit.html

<p>数値を入力してください</p>
<form>
  <input type="number" id="num" value="" pattern="^[0-9]+$">
</form>
<p>桁数 : <span id="result"></span></p>

jsdoit.js

//入力した数値の桁数を表示


/* 桁数を計算 */

var count = function(x){
  digit = 0;
  while(number!==0){
    number = Math.floor(number/10);
    digit++;
  }
  x = digit;
  return x;
};


/* 変数の宣言 */

var number;
var digit;

/* 桁数の表示 */

document.getElementById("num").addEventListener("change",function(){
   
    number = this.valueAsNumber;
    document.getElementById("result").innerHTML = count(number);
    
},true);