# 틱택토 순서도&화면

![Flowchart of Tic Tac To](https://3069911685-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFKMbS0CFfmWE-ZVZpY%2F-MFVJv9new0FcBsRhwrj%2F-MFVNAlzJyy2u5xGvdcN%2Fimage.png?alt=media\&token=f0dd1be4-ec37-4c45-a76c-c3dab0cd3786)

![Tic Tac To Screen using JS](https://3069911685-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFKMbS0CFfmWE-ZVZpY%2F-MFVNC8-z-oMRltqbyX6%2F-MFVQWHNARabGAt9hVTw%2F%E1%84%90%E1%85%B5%E1%86%A8%E1%84%90%E1%85%A2%E1%86%A8%E1%84%90%E1%85%A9%20%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB.png?alt=media\&token=342e5631-1cfe-4409-a61f-0733b50e885b)

```javascript
var 바디 = document.body;
var 테이블 = document.createElement('table');//테이블 원소 생성

for(var i = 1; i <= 3 ; i++) {
    var 줄 = document.createElement('tr');
    for(var j = 1; j <= 3; j++) {
        var 칸 = document.createElement('td');
        줄.appendChild(칸);
    }
    테이블.appendChild(줄);
}
바디.appendChild(테이블);

```