[JavaScript] 재귀함수로 영수증 만들기
·
Skills/JavaScript
// 제품명, 가격, 수량을 입력받고, 총 구입가격을 제품명과 함께 출력. document.write('** E-mart **' + ' ' + ' '); let total = 0; function purchase() { productName = prompt('제품명을 입력하세요. (종료 : 0)'); if (productName == 0) return; let productPrice = parseInt(prompt('제품가격을 입력하세요. (숫자만 입력)')); let productQuantity = parseInt(prompt('수량을 입력하세요. (숫자만 입력)')); let sum = productPrice * productQuantity; document.write( productName + ' ..
[JavaScript] for 반복문
·
Skills/JavaScript
for문 for (초기값; 조건; 증가식) { ... } forEach문 배열명.forEach(콜백함수) { ... } 배열의 크기를 정확하게 알 수 없을 때, 배열의 요소를 가져와서 함수를 실행해야 할 때 쓸 수 있습니다. const fruits = ["apple", "banana", "cherry", "grape", "orange"]; fruits.forEach(function (fruit) { document.write(`${fruit} `); }); for...In문 for (변수 in 객체) { ... } 객체의 키만 가져올 수 있으므로 키 값에 접근하려면 대괄호를 사용합니다. const pen = { size: 0.5, color: "black", type: "ballpoint", }; for..
230104 promise(), fetch()
·
Skills/JavaScript
[ { "name": "홍길동", "img": "./images/best_01.png", "major": "컴퓨터 공학", "grade": 2 }, { "name": "유관순", "img": "./images/best_02.png", "major": "디지털 디자인", "grade": 3 }, { "name": "이순신", "img": "./images/best_03.png", "major": "체육학과", "grade": 4 } ]
221230 fetch promise
·
Skills/JavaScript
221227 class_07.html override
·
Skills/JavaScript
221227 class_06.html static
·
Skills/JavaScript
221227 class_05.html getter, setter
·
Skills/JavaScript
221226 class_04.html private
·
Skills/JavaScript
221226 class_03.html 클래스 상속
·
Skills/JavaScript
221226 class_02.html 클래스 속성
·
Skills/JavaScript
221226 class_01.html 객체 클래스
·
Skills/JavaScript
221226 exception.html
·
Skills/JavaScript
221213 plugin
·
Skills/JavaScript
TOP img01 img02 img03 txt01 txt02 txt03 notice01 notice02 notice03 ​ * { margin: 0; padding: 0; } body { height: 2000px; } .top_btn { width: 50px; height: 50px; background-color: red; color: white; text-align: center; line-height: 50px; position: fixed; bottom: 100px; right: 0; cursor: pointer; opacity: 0; } .img_box, .txt_box, .notice_box { width: 940px; height: 300px; margin: 200px auto; displ..
221212 dom_18.html (file 가져오기)
·
Skills/JavaScript
221212 dom_17.html (약관동의)
·
Skills/JavaScript
약관동의 전체 약관동의 첫번째 약관 두번째 약관 세번째 약관
221212 dom_16.html (option)
·
Skills/JavaScript
프로필 좋아하는 것들 이름 과일 --- 선택 --- 사과 딸기 키위 망고 멜론 수박 사이트 --- 포털 사이트 --- 네이버 다음 네이트 구글
221212 dom_15.html (회원가입)
·
Skills/JavaScript
회원가입 아이디 비밀번호 비밀번호 확인 비밀번호 확인 전화번호 010 011 - -
221209 dom_14_createElement03.html (정보옮기기, 전체선택해제)
·
Skills/JavaScript
로그인 로그인 주문정보 이름 : 전화번호 : 주소 : 배송정보 주문정보와 배송정보가 같습니다. 이름 : 전화번호 : 주소 :
221209 dom_13_createElement02.html (댓글기능)
·
Skills/JavaScript
프론트엔드 과목 리스트 추가
221209 dom_12_createElement01.html (댓글기능)
·
Skills/JavaScript
컬러 리스트 추가
221206 dom_11.html (태그 추가)
·
Skills/JavaScript
221206 dom_10.html (탭 만들기)
·
Skills/JavaScript
썸네일 이미지 변화
221206 dom_09.html (mouseover)
·
Skills/JavaScript
221205 dom_08.html (상세설명 버튼 토글)
·
Skills/JavaScript
상세 설명 보기 상세 설명 정보 It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum ..
221205 dom_07.html (상세설명 보기 닫기)
·
Skills/JavaScript
상세 설명 보기 농부의 하루 It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as..
221205 dom_06.html
·
Skills/JavaScript
welcome bye 버튼을 눌러주세요!
221205 dom_05.html (isState)
·
Skills/JavaScript
Click Text_box01
221205 dom_04.html (addEventListener)
·
Skills/JavaScript
Show Hidden Text_box01
221205 dom_03.html (함수사용)
·
Skills/JavaScript
Show Hidden Text_box01
221205 dom_02.html (인라인 방식)
·
Skills/JavaScript
Show Hidden Text_box01