728x90
생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판
p.300 Open Challenge 08 별문자(*) 출력하기
다음 조건을 따라 prompt()로 정수를 입력받아 개수만큼 *를 출력하는 웹 페이지를 작성하라.
- 별 문자를 출력하는 함수를 만들고 이름을 printStar()로 하라.
- prompt() 입력 창에 사용자가 실수, 문자열 등 양의 정수가 입력되지 않은 경우 모두 "입력 오류입니다."를 출력하라.
HINT prompt()가 리턴한 문자열을 parseInt()를 이용하여 정수로 변환하고 정수로 잘 변환되었는지 isNaN() 함수로 확인하면 된다.
코드
test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>별 문자 출력하기</title>
<script>
function printstar(num) {
n = parseInt(num);
if(isNaN(n)) {
document.write("입력 오류 입니다.");
}
for(i = 0; i < n; i++) {
for(j = 0; j <= i; j++) {
document.write("*");
}
document.write("<br>")
}
}
</script>
</head>
<body>
<h3>별 문자 출력하기</h3>
<hr>
<script>
var num = prompt("정수를 입력하세요","1");
printstar(num);
</script>
</body>
</html>
결과
728x90
'개발 > 책' 카테고리의 다른 글
| [명품 웹 프로그래밍] 7장 Open Challenge (0) | 2021.11.08 |
|---|---|
| [안드로이드 프로그래밍] 8장 직접 풀어보기 8-1 (0) | 2021.11.04 |
| [안드로이드 프로그래밍] 7장 직접 풀어보기 7-3 (0) | 2021.10.30 |