일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- SQL
- react native
- jsp
- symbol: class RNGestureHandlerPackage
- error
- read a book
- how to read
- 정처기 화이팅
- 정처기 준비
- 정처기 실기 2주
- macos environment for java
- javascript
- 스프링
- 정처기 암기
- java17 macos
- Java
- Spring
- 정처기 실기 준비
- HTML
- mysql
- jdk17 for mac
- 정처기 실기 계획
- openjdk17
- compileDebugJavaWithJavac
- JSTL
- 프로그래머스
- mac jdk java
- 프로그래머스 sql
- read a paragraph
- java in macos
Archives
- Today
- Total
RunTurtle
[ JavaScript ] 별찍기 홀수 출력 하기 본문
간단하게 생각해보면
별 변수와
공백 변수를 생성하고
층수에 몇개가 들어가는 지 논리 만들고
코드 짜고
출력하면 된다.
1. First version
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Star Odd Number</h1>
<script>
// !! 별 출력되는 층수, 별, 공백 변수설정
let floor = 5;
let star = '*';
let blank = ' ';
// !! 별 출력 시작
document.write("!!! Star Start !!!");
document.write("</br>");
document.write("</br>");
// !! 첫번째 구조
for (let i = 0; i < 5; i++) {
for (let j = 0; j < i; j++) {
document.write(blank);
}
for (let k = 9; k > i * 2; k--) {
document.write("*");
}
document.write("</br>"); //한 줄 출력 후 개행
}
document.write("</br>");
document.write("</br>");
document.write("!!! Star End !!!");
// !! 별 출력 끝
</script>
</body>
</html>
2. Second version
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Star Odd Number</h1>
<script>
// !! 별 출력되는 층수, 별, 공백 변수설정
let floor = 5;
let star = '*';
let blank = ' ';
// !! 별 출력 시작
document.write("!!! Star Start !!!");
document.write("</br>");
document.write("</br>");
// !! 두번째 구조
for (let i = 0; i < 5; i++) {
for (let j = 0; j < i; j++) {
document.write(blank);
}
for (let k = 0; k < (floor * 2) - (i * 2 + 1); k++) {
document.write("*");
}
document.write("</br>"); //한 줄 출력 후 개행
}
document.write("</br>");
document.write("</br>");
document.write("!!! Star End !!!");
// !! 별 출력 끝
</script>
</body>
</html>