Mini Projects (66) 썸네일형 리스트형 Meal Finder (1) Search & Display Meals from API 이 포스트는 udemy.com 20 Web Projects With Vanilla JavaScript 강의를 보고 정리한 내용입니다. https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 사용한 API https://www.themealdb.com/api.php TheMealDB.com www.themealdb.com submit.addEventListener('.. Hangman (7) - play Again 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com playAgainBtn.addEventListener("click", () => { // Empty arrays correctLetters.splic.. Hangman (6) - Show Notification & Update Wrong Letters 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com // Show notification function showNotification() { notification.classList.add("show.. Hangman (5) - displayWord() 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 이번 프로젝트에서 나를 괴로움과 멘붕에 빠트린 함수....................... 우선 게임을 처음 시작했을 때는 기본적으로 functio.. Hangman (4) - keydown event listener 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 1. element 받아오기 const wrongLettersEl = document.getElementById("wrong-letters"); co.. Hangman (3) - CSS 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 1. body body { background-color: #34495e; color: #fff; display: flex; flex-directio.. Hangman (2) - html 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com Wrong e,r,t,y h e l l o Game Cotainer 속 wrong-letters에는 시도했던 단어들이 들어가고 word에는 정답 단어.. Hangman (1) - Draw Hangman with SVG 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 1. 첫 화면 2. 목표 svg를 이용해서 그리려는 행맨! 마지막 다리까지 그려지만 자동으로 게임이 끝나서 ㅋㅋㅋㅋ 마지막 다리가 그려지기 전에 일단.. 이전 1 2 3 4 5 6 ··· 9 다음
