자바스크립트 3

Todo List 만들기

오늘은 todo list를 만들어보았다.여태까지 배운 내용이 들어간 과제다.     자바스크립트 코드const todoList = document.getElementById('todo-list')const todoForm = document.getElementById('todo-form')let todoArr = [];// 오늘 날짜 추가const app = document.querySelector('.app')const date = document.createElement('div')let today = new Date();const year = today.getFullYear();const month = today.getMonth()+1;const dt = today.getDate();date.tex..

ozcoding_기록 2024.07.15

로또 번호 추첨 만들기

오늘은 어제 배운 내용을 바탕으로 로또 번호 추첨 게임을 만들어 보았다. 🎱 선택 과제라 최대한 할 수 있는 곳까지 만들자! 라는 마인드로 우다다다  만들었다.학습 내용이 로또 번호 추첨 프로젝트를 따라해보는 거였어서만들 때 기본적으로 들어가야 하는 부분은 학습 내용을 참고해서 만들었다.   바아로 결과물부터 ㄱㄱ로또 번호 추첨오늘은 js 기능 구현에 더 집중하느라 css는 빠포   자바스크립트 코드const generateWinningNumbers = document.getElementById( 'generateWinningNumbers');const generateLottoNumbers = document.getElementById('generateLottoNumbers');const winnin..

ozcoding_기록 2024.07.11

햄버거 주문서 만들기 - 배열, 클래스 리스트

오늘은 배열, 클래스 리스트, Math 객체를 배웠다.그 중에서 배열과 클래스 리스트를 이용해 햄버거 주문서를 만들어 보았다.    바로 결과물부터 보자이미지 출처https://img.freepik.com/free-vector/receipt-template-collection-with-realistic-design_23-2147917744.jpg 자바스크립트 코드// 아이템 리스트 배열const itemlist = [];const ul = document.getElementById('itemList');// 아이템 추가 버튼 클릭 시 호출되는 함수function addItem() { let input; do { input = prompt('햄버거를 적어주세요'); } while (input =..

ozcoding_기록 2024.07.10