2018. 1. 24. 10:49ㆍ알고리즘(algorithm)
Q. 아래와 같이 입력한 수를 한 변으로 하는 정사각형을 *기호로 출력하는 프로그램을 작성하세요.
ex.
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>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=""; for(var height=0; height<num1; height++){ for(var width=0; width<num1; width++){ sumResult+="*"; } sumResult+="<br>"; } $("#result").append("<span id='spanResult'>결과<br>"+sumResult+"</span>"); } } </script> </body> </html>
|
'알고리즘(algorithm)' 카테고리의 다른 글
12. 정수를 입력받아 별찍기 - 직각 이등변 삼각형 (0) | 2018.01.26 |
---|---|
11. 정수를 입력받아 별찍기 - 높이,너비 (0) | 2018.01.25 |
9. 구구단 출력하기 (0) | 2018.01.23 |
8. 입력받은 정수의 자릿수 (0) | 2018.01.22 |
7. 2개의 정수를 입력받아 b-a를 계산 (0) | 2018.01.19 |