2018. 2. 2. 10:14ㆍ알고리즘(algorithm)
Q. 년/월/일을 입력받아 한 해의 지난 날 수를 계산하는 프로그램을 작성하세요.
ex) 년 : 2018, 월 : 1, 일 : 20 입력 받았을 때, "2018년의 20일 째"라고 출력
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) 년 : 2018, 월 : 1, 일 : 20 입력 받았을 때, "2018년의 20일 째"라고 출력 </span> </div> <div> <span>년도를 입력하세요.</span> <input type="text" id="year" autocomplete="off"> </div> <div> <span>월을 입력하세요.</span> <input type="text" id="month" autocomplete="off"> </div> <div> <span>일을 입력하세요.</span> <input type="text" id="day" autocomplete="off"> </div> <div id="result"> </div> <div class="btn" onclick="btn()">결과</div> <script type="text/javascript"> function btn(){ $("#spanResult").remove(); var year=$("#year").val(); var month=$("#month").val(); var day=$("#day").val(); if(year==""){ $("#result").append("<span id='spanResult'>년도를 입력하세요.</span>"); $("#year").focus(); return; } else if(month==""){ $("#result").append("<span id='spanResult'>월을 입력하세요.</span>"); $("#month").focus(); return; } else if(day==""){ $("#result").append("<span id='spanResult'>일을 입력하세요.</span>"); $("#day").focus(); return; } else{ var personStr = year+"-"+month+"-"+day; var personArr = personStr.split("-"); var personDate = new Date(personArr[0], Number(personArr[1])-1, personArr[2]); var standardStr = year+"-"+"01-01"; var standardArr = standardStr.split("-"); var standardDate = new Date(standardArr[0], Number(standardArr[1])-1, standardArr[2]);
var betweenDay = (personDate.getTime() - standardDate.getTime())/1000/60/60/24; $("#result").append("<span id='spanResult'>"+(betweenDay+1)+"입니다.</span>"); } } </script> </body> </html>
|
'알고리즘(algorithm)' 카테고리의 다른 글
| 16. 1000이하의 소수 (0) | 2018.02.01 |
|---|---|
| 15. 배열 요소 역순 정렬 (0) | 2018.01.31 |
| 14. 배열 요소의 최댓값 구하는 함수 (0) | 2018.01.30 |
| 13. 정수를 입력받아 별찍기 - 피라미드 (0) | 2018.01.29 |
| 12. 정수를 입력받아 별찍기 - 직각 이등변 삼각형 (0) | 2018.01.26 |