목록분류 전체보기 (101)
라라리라
DOCTYPE html> Document #header{ text-align: center; } #center{ text-align: center; margin: auto; } table, tr, td{ text-align: center; margin: auto; } td{ width: 50px; height: 50px; text-align: center; margin: auto; color: white; font-weight: bold; font-size: 20px; cursor: pointer; border-radius: 8px; } .Front{ background-color: coral; } .Back{ background-color: antiquewhite; color: black; } .Hin..
DOCTYPE html> Document #timer { text-align: center; } #header { text-align: center; } table { border-collapse: collapse; border: 1px solid black; margin: auto; } td { width: 50px; height: 50px; border: 1px solid black; text-align: center; cursor: pointer; } 0 Speed Game 힌트 1 let gameNum = 1; // 추가된 변수 let time = 0; let size = 5; let frontList = []; let backList = []; let $center = document.query..
DOCTYPE html> Document #header { text-align: center; } table { border-collapse: collapse; border: 1px solid black; margin: auto; } td { width: 50px; height: 50px; border: 1px solid black; text-align: center; cursor: pointer; } Speed Game let size = 5; let frontList = []; // 1 ~ 25 수를 저장하는 2차배열 let backList = []; // 26 ~ 50 수를 저장하는 2차배열 let $center = document.querySelector("#center"); let $table ..
DOCTYPE html> 틱택토 연습 2 table, td, tr{ border-collapse: collapse; margin: 0 auto; } td { width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid black; cursor: pointer; } 틱택토 게임 let $body = document.body; let $table = document.createElement(`table`); let $tr = document.createElement(`tr`); let $td = document.createElement(`td`); let $List = []; let dataList = []; let w..
DOCTYPE html> Document table, tr, td { border-collapse: collapse; margin: 0 auto; } td { text-align: center; border: 1px solid black; width: 50px; height: 50px; } let size = 3; let $body = document.body; let $table = document.createElement("table"); let $tdList = []; let dataList = []; // player1(1), player2(2) let turn = true; // player1(true), player2(false) let win = 0; // player1(1), player2..
_07_노드1차원배열_그리기_이벤트적용.html DOCTYPE html> Document td { border: 1px solid black; width: 40px; height: 40px; text-align: center; /* 가로 중앙정렬 */ } // tdList = [td,td,td,td,td] let clickEvent = function(e) { for(let i=0; i HTML 삽입 미리보기할 수 없는 소스 _08_노드여러개_그리기2_이벤트적용.html DOCTYPE html> Document td { border: 1px solid black; width: 40px; height: 40px; text-align: center; /* 가로 중앙정렬 */ } let num = 1; let..
_00_this개념1.html DOCTYPE html> Document onClick의 this addEventListener의 this function btn1Function() { alert(this); } document.querySelector("#btn2").addEventListener("click", btn2Function); function btn2Function() { alert(this); } HTML 삽입 미리보기할 수 없는 소스 _00_this개념2.html DOCTYPE html> Document onClick의 this addEventListener의 this1 addEventListener의 this2 // onclick의 경우 this를 인자로 전달받아 해결 function ..