본문 바로가기

자바스크립트 (JavaScript)/예제3

[ 함수 ] 콜백 (Callback) 예제 // 이미지 링크 주소 const url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAADSCAMAAAAIR25wAAABlVBMVEX/////6cT/4KvK5P8AAACz2P9MTEwuLi7//9b//9j/58JAQEAQEBA9PT1VVVXc7f/C4P/R0dH/9s7/8MmAgIBHR0dra2vv7+8zMzP/+8DIyMhOTk7/8suqvtLZ9v/W8v9hYWH/7bWUlJS/v7+IgXS0p5H/460eHh7f39//970nJyeqqqr0372/qIDJ8v9VSzl2f4iGor+4uLgeGhTy+P8VGR6ev+HC6v/SwqZ3kKqMjIyXjn/fza6fn5///8uUgmNscnm70urk8f/R/P9rXkji//+VpLTRuIxoaGjv0q.. 2023. 12. 10.
달력 예제 const calendar = document.getElementById('calendar'); function renderingCalendar(year, month) { const firstDay = new Date(year, month, 1).getDay(); const lastDay = new Date(year, month + 1, 0).getDate(); calendar.innerText = ''; for (let i = 0; i < firstDay; i++) { const emptyCell = document.createElement('div'); emptyCell.classList.add('cell'); calendar.appendChild(emptyCell); } for (let i = 1; i 2023. 8. 27.
로그인 폼 로그인 1. 태그를 사용 해서 submit을 해도 되고, 태그를 사용 해서 submit을 해도 된다. 2. DOM (Document Object Model) DOM은 웹 페이지의 구조를 트리 형태로 표현 하는 모델 이다. 웹 페이지의 HTML 요소들을 자바스크립트로 조작할 수 있는 방법이다. 3. getElementById() getElementById() 메서드는 주어진 아이디 값을 가진 HTML 요소를 찾아서 반환 한다. 웹 페이지에서 고유한 아이디를 가진 요소를 찾을 때 사용 된다. 위의 경우라면, loginForm, mid, mpw 가 고유한 식별자 == 아이디 이다. 4. addEventListener('submit', function (event) { ... } ) addEventListene.. 2023. 8. 27.