프로젝트 의 JavaScript 스킬 트리

랜덤 축하 카드 생성기

초급

이 프로젝트에서는 '작성' 버튼을 클릭하면 무작위 축하 인사를 표시하는 휴일 축하 카드를 만드는 방법을 배우게 됩니다. 이 프로젝트는 JavaScript 함수, 이벤트 리스너 및 DOM 조작을 사용하는 방법을 이해하는 데 도움이 됩니다.

javascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 "Write" 버튼을 클릭하면 무작위 인사말이 표시되는 휴일 인사 카드를 만드는 방법을 배우게 됩니다. 이 프로젝트는 JavaScript 함수, 이벤트 리스너, DOM 조작을 사용하는 방법을 이해하는 데 도움이 될 것입니다.

👀 미리보기

Holiday card greeting demo

🎯 과제

이 프로젝트에서 다음을 배우게 됩니다:

  • 프로젝트 환경 설정 방법
  • 미리 정의된 배열에서 인사말을 무작위로 선택하는 함수 구현 방법
  • 선택된 인사말을 인사 카드에 표시하는 함수 구현 방법
  • "Write" 버튼에 이벤트 리스너를 추가하여 인사말 표시를 트리거하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다:

  • JavaScript 함수를 사용하여 무작위 콘텐츠 생성
  • DOM 을 조작하여 HTML 요소의 콘텐츠 업데이트
  • 특정 작업을 트리거하기 위해 이벤트 리스너 추가
  • 제공된 프로젝트 구조로 작업하고 단계별 지침 따르기

강사

labby
Labby
Labby is the LabEx teacher.