♡ 단을 입력받아 구구단 출력
- while문
var i=1;//곱해지는 숫자
var value= prompt("단을 입력하세요");//원하는 단 입력
value=Number(value);
while(i<=9){
document.write(value+"X"+i+"="+(value*i),"<br>");
i++;
}
> prompt( )함수로 단을 입력 받아 while문을 이용해 구구단을 출력
- for문
var value= prompt("단을 입력하세요");
value=Number(value);
for(var i=1;i<=9;i++){
document.write(value+"X"+i+"="+(value*i),"<br>");
}
- 시작 단, 끝 단 입력받아 구구단 출력
var start=prompt("시작 단 입력");
var end=prompt("끝 단 입력");
start=Number(start);
end=Number(end);
for(var val=start;val<=end;val++){
for(var i=1;i<=9;i++){
document.write(val+"x"+i+"="+(val*i),"<br>");
}
document.write("<br>");
}
> val 초기값을 입력받은 start , 조건식에서 end값을 설정
♡ 입력안받고 구구단 출력
-while문
var i=1;
var value=1;
while(value<=9){
i=1;
while(i<=9){
document.write(value+"X"+i+"="+(value*i),"<br>");
i++;
}
document.write("<br>");
value++;
}
중첩반복문!
내부의 while문 에서 i가 증가(곱해지는 숫자가 증가) > 9초과가 되면 외부 while문으로 빠져나옴(1단종료)
> 줄바꿈 > value 1증가 (단 증가)
- for문
for(var val=1;val<=9;val++){
for(var i=1;i<=9;i++){
document.write(val+"x"+i+"="+(val*i),"<br>");
}
document.write("<br>");
}
내부 for문에서 i 증가(곱해지는 숫자) 외부 for문에서 단 증가
'HTML & CSS' 카테고리의 다른 글
[HTML5 Canvas] #1 기본 사용법 (canvas태그, getContext(), fillStyle, fillRect) (0) | 2022.07.14 |
---|---|
[HTML][CSS] CSS 그라디언트 (linear-gradient) (0) | 2020.12.31 |
[HTML][CSS] css가상요소 이용해서 구분 bar 넣기(로그인창 옵션) (0) | 2020.12.30 |
[HTML][CSS] css 가상요소 - ::after, ::before, content속성 (0) | 2020.12.30 |
[HTML][CSS] 이미지 스프라이트 (Image Sprite) (0) | 2020.12.26 |