티스토리 뷰

홈페이지/JAVA 웹개발

:: 초급개발자 :: 자바스크립트를 이용하여 테이블을 만들어보자

사과같은 내 얼굴 2020. 4. 13. 13:59
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
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            table{border: 1px solid #000}            
            td{border-left:1px solid #ddd; border-bottom: 1px solid #ddd}
        </style>
    </head>
    <body>
        <script>
            var tr = prompt('몇 행(가로/row) ?');
            var td = prompt('몇 열(세로/col) ?');
            
            document.write('<table>');
            var num = 0;
            for(var i=0; i<tr ; i++){
                document.write(
                    '<tr>'
                );               
                    for(var j=0; j< td; j++){
                        ++num;
                        document.write(
                            '<td>'+ num +'</td>'
                        );
                    }
                
                 document.write(
                    '</tr>'
                );
            }
            document.write('</table>');
        </script>
    </body>
</html>
cs

'홈페이지 > JAVA 웹개발' 카테고리의 다른 글

자바 double형 나누기가 소수점 자리가 안나오는 이유  (0) 2021.01.19
게시판 시간별 노출 다르게 하기 (java)  (0) 2020.12.04
[초급예제 - Java&DB 연동 예제] 재고관리시스템  (0) 2020.03.29
[초급예제 - 배열] 로또시뮬레이터 (입력폼 - 배열응용)  (0) 2020.03.02
[초초심자] java 형변환  (0) 2020.01.01
댓글