728x90
반응형
문제1
input에서 값을 입력받아 콘솔창에 밑에 그림과 같이 출력하기
코드
<body>
<div>test</div:>
<input type="text" id="num" placeholder="숫자를 입력하세요">
<button onclick="test()">test</button>
</body>
<script>
/*
문제1.트리그리기
--출력결과--
*
***
*****
*******
*********
*/
function test() {
//input의 value값 가져오기
let num1 = document.getElementById("num").value;
if (num1 == "") {
alert("숫자를 입력해주세요");
return false;
}
else {
//입력받은 값이 문자열이기 때문에 int로 변환해준다.
drawTree(parseInt(num1));
}
}
function drawTree(num) {
let star = "";
for (var i = 0; i < num; i++) {
for (var j = 0; j < (num * 2); j++) {
if (j >= (num - i) && j <= (num + i)) {
//문자열에 "*" 추가
star = star.concat("*");
}
else {
//문자열에 공백추가
star = star.concat(" ");
}
}
console.log(star);
star = "";
}
}
</script>
728x90
반응형
'javascript > 바닐라 js' 카테고리의 다른 글
| [javascript] select value 마지막 option값으로 세팅하는 법 (0) | 2022.05.24 |
|---|---|
| [javascript]-달력그리기(진행중..) (0) | 2022.04.26 |
| [javascript] select 응용(진행중..) (0) | 2022.04.22 |
| [javascript]자바스크립트에서 false로 간주되는 것 (0) | 2022.04.19 |
| [javascript]자바스크립트 배열 (0) | 2022.04.18 |
