목록분류 전체보기 (101)
라라리라
/* [문제] 아래 배열은 철수가 소지한 현금 개수이다. money는 돈 단위를 뜻하고, count는 단위별 개수를 뜻한다. 거스름돈은 7800일 때, 단위별로 나눠주고, count배열 값을 조정 후 출력하시오. [정답] count = [1, 1, 0, 0, 2, 7] */ /* [식권 자판기] 1. 관리자 1) 식권티켓 재고수량 관리 2) 화폐종류별 재고수량 관리 2. 사용자 1) 구매할 식권티켓 수량 2) 금액 지불 */ let moneyList = [50000, 10000, 5000, 1000, 500, 100]; let countList = [ 1, 1, 1, 1, 5, 10]; let ticketPrice = 3200; let ticketStockCount = 5; let userMoney = ..
DOCTYPE html> Document #center { text-align: center; } #cartTable { margin: auto; } 장바구니 전체선택(0/0) 선택삭제 당도선별 수박 6kg 이상 - 1 + 18900원 x 양념 소불고기 - 1 + 19900원 x 미국 캘리포니아 생체리 - 1 + 10900원 x let itemPriceList = [18900, 19990, 10900]; /* [문제01] 전체선택에 전체 상품수량 숫자 적용 */ function checkItemCount() { let totalCount = document.querySelectorAll(".itemCount").length; document.querySelector("#totalCount").innerT..
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; } table, tr, td{ border-collapse: collapse; margin: auto; } td{ border: 1px solid black; height: 50px; width: 50px; text-align: center; line-height: 50px; } 숫자슬라이드복습 let $center = document.querySelector(`#center`); let $table = document.createElement(`table`) let $tr = document.createElement(`tr`); let $td = document.createElement(`td`); let $L..