라라리라

DOCTYPE html> Document #target { margin: 0 auto; display: table; } #header { margin: 0 auto; display: table; } #footer { text-align: center; } td { border: 1px solid black; width: 60px; height: 50px; text-align: center; } 이번달 달력으로 돌아가기 = 화면상단 오늘 날짜 클릭 let $target =document.querySelector(`#target`); let $table = document.createElement(`table`); let $tr = document.createElement(`tr`); let $td = do..

DOCTYPE html> Document #header{ text-align: center; } table, td, tr{ border-collapse: separate; margin: auto; border-spacing: 2px; } td{ width: 60px; height: 50px; text-align: center; border: 1px solid black; } 년 월 △ ▽ let $center = document.querySelector(`#center`) let now = new Date(); let $List = []; let year = now.getFullYear(); let month = now.getMonth(); let hour = now.getHours(); let date..

HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> Document #logtable{ width: 600px; margin: auto; } table, tr, td{ border-collapse: collapse; border: 1px solid black; } 회원가입 아이디 비밀번호 비밀번호확인 이름 이메일 휴대폰 우편번호

DOCTYPE html> 연습 #header{ text-align: center; } #footer{ text-align: center; } table, tr, td{ border-collapse: collapse; margin: auto; } td{ height: 100px; width: 100px; text-align: center; line-height: 100px; border: 3px solid white; cursor: pointer; color: white; font-weight: bold; font-size: 30px; border-radius: 15px; } 숫자 슬라이드 let $center = document.querySelector(`#center`); let $footer = do..

DOCTYPE html> Document #header{ text-align: center; } #center{ text-align: center; } table, tr, td{ border-collapse: collapse; margin: auto; } td{ text-align: center; border-radius: 15px; border: 3px solid white; width: 100px; height: 100px; background-color: coral; color: white; font-weight: bold; font-size: 40px; cursor: pointer; } 스피드게임2 let $center = document.querySelector(`#center`); let $f..

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 ..