2018. 1. 29. 10:45ㆍ알고리즘(algorithm)
Q. 단수(높이)를 입력받아 피라미드를 *기호로 출력하는 프로그램을 작성하세요.
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. 단수(높이)를 입력받아 피라미드를 삼각형 *기호로 출력하는 프로그램을 작성하세요. </span> </div> <div> <span>단수를 입력하세요.</span> <input type="text" id="heightCnt" autocomplete="off"> </div> <div id="result"> </div> <div class="btn" onclick="btn()">결과</div> <script type="text/javascript"> function btn(){ $("#spanResult").remove(); var heightCnt=$("#heightCnt").val(); if(heightCnt==""){ $("#result").append("<span id='spanResult'>단수를 입력하세요.</span>"); $("#heightCnt").focus(); return; } else{ var sumResult=""; var j=0; for(var height=1; height<=heightCnt; height++){ for(var width=1; width<=heightCnt; width++){ if(width<=heightCnt-height){ sumResult+=" "; } if(width==heightCnt){ for(var cnt=0; cnt<height+j; cnt++){ sumResult+="*"; } j++; } } sumResult+="<br>"; } $("#result").append("<span id='spanResult'>입력받은 단수="+heightCnt+"<br>결과<br>"+sumResult+"</span>"); } } </script> </body> </html>
|
'알고리즘(algorithm)' 카테고리의 다른 글
| 15. 배열 요소 역순 정렬 (0) | 2018.01.31 |
|---|---|
| 14. 배열 요소의 최댓값 구하는 함수 (0) | 2018.01.30 |
| 12. 정수를 입력받아 별찍기 - 직각 이등변 삼각형 (0) | 2018.01.26 |
| 11. 정수를 입력받아 별찍기 - 높이,너비 (0) | 2018.01.25 |
| 10. 정수를 입력받아 별찍기 - 정사각형 (0) | 2018.01.24 |