본문 바로가기

javascript/jQuery

javascript - 구구단 만들기 2탄

음 골머리좀 썩었다.

출력하는게 만만치 않았는데

계속해보니깐 되긴되더라...

1
2
3
4
5
6
7
8
9
10
<style>
div.timestable div {
    display: inline-block;;
    margin: 5px;
    padding: 5px;
    border:1px solid gray;
    background-color: #fefbaf;
}
 
</style>
cs
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
<script>
 function timestabls1() {
 
     var result = "";
     var start = "";
     var end = "";
 
    for (var i = 2; i < 10; i++){
 
        result += start;
 
        for (var j = 1; j < 10; j++) {
 
            var k = i * j;
 
            result += i + "x" + j + "=" + k + " " + "";
        }
 
 
        result += end;
 
 
    }
    return result;
    
}
</script>
cs

결과물인데 괜찬은거같다.

앞으로 이런것좀 많이 연습해둬야지...