8. 입력받은 정수의 자릿수

2018. 1. 22. 13:48알고리즘(algorithm)

Q. 양의 정수를 입력받아 자릿수를 출력하는 프로그램을 작성하세요.

ex) 912를 입력받으면 "3자리입니다."라소 출력하고, 1234를 입력받으면 "4자리입니다."라고 출력


S. HTML5, javascript, JQuery-3.2.1을 사용하여 작성됐습니다.


<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="utf-8">

<title>앙큼한유채`s 일상 Story</title>

<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>

<style type="text/css">

.btn{width: 190px;height: 30px; border: 1px solid black;margin-top: 10px;text-align: center;line-height: 30px;cursor: pointer;}

</style>

</head>

<body>

<div>

<span>

Q. 양의 정수를 입력받아 자릿수를 출력하는 프로그램을 작성하세요.<br>

ex) 912를 입력받으면 "3자리입니다."라소 출력하고, 1234를 입력받으면 "4자리입니다."라고 출력

</span>

</div>

<div>

<span>a의 값을 입력하세요.</span>

<input type="text" id="num1" autocomplete="off">

</div>

<div id="result">

</div>

<div class="btn" onclick="btn()">결과</div>

<script type="text/javascript">

function btn(){

$("#spanResult").remove();

var num1=$("#num1").val();

if(num1==""){

$("#result").append("<span id='spanResult'>num1의 값을 입력하세요.</span>");

$("#num1").focus();

return;

}

else{

var sumResult=num1.length;

$("#result").append("<span id='spanResult'>결과 : num1의 자릿수는 "+sumResult+"입니다.</span>");

}

}

</script>

</body>

</html>