[자바스크립트] 자바스크립트로 구구단 만들기

 

1. document.write를 활용한 간단한 구구단 만들기

for( var i = 2 ;  i < 10 ; i++){ // 
    for( var j = 1; j <10 ; j++ ){
        document.write( i+"x"+j+"="+(i*j)+"</br>" );   
    }
} 
// 너무 간단함으로 설명은 생략. for문안에 for문쓰는건 왜인지
// 쓸때마다 기분이 매우 안좋다 ㅠㅠ

1 - 결과물

어렵지않게 만들 수 있는데요 지금부터 하나하나 간략하게 설명해보겠습니다.

간단하게 for문을 활용하여 이런식으로 표현이 가능합니다.

 

2. prompt를 활용해, 원하는 구구단 받아내기

 

var gugu = prompt("원하는 구구단을 입력해주세요");
if(!isNaN(gugu)){ ===> // isNaN을 통하여 숫자인지 아닌지를 판별.
    for(var i = 1; i<10; i++){ // 숫자라면 for문을 진행
        document.write(gugu+"x"+i+"="+(i*gugu)+"입니다.</br>"); // 구구단을 화면에 출력.
    }
}else{ // 숫자가 아닐경우
    alert("숫자가 아닙니다.") // alert를 통해 숫자가 아님을 전달.
}

prompt를 활용했기때문에 시작하려면 Run Pen을 눌러주세요 :)

2 - 결과물

 

 

isNan을 활용하여 숫자,문자를 파악 후 원하는 구구단을 받아낼 수 있습니다.