HTML/CSS + JavaScript 과제

주소록 만들기

Misson 1.

CSS로 주소록 꾸미기

Misson 2.

contacts  배열을 화면에 보여주기

const contacts = [
  {
    id: 1,
    name: 'Amy',
    phone: '010-0000-0001',
    favorite: false
  },
  {
    id: 2,
    name: 'Brown',
    phone: '010-0000-0002',
    favorite: true
  },
  {
    id: 3,
    name: 'Charlie',
    phone: '010-0000-0003',
    favorite: false
  },
  {
    id: 4,
    name: 'David',
    phone: '010-0000-0004',
    favorite: false
  },
  {
    id: 5,
    name: 'Emily',
    phone: '010-0000-0005',
    favorite: false
  },
  {
    id: 6,
    name: 'Fred',
    phone: '010-0000-0006',
    favorite: true
  }
];

Mission 3.
새 항목 추가하기

Misson 4.
항목 제거하기

Mission 5.
즐겨찾기 추가 및 제거하기

Mission 6.
수정 모달 구현하기

FastCampus HTML/CSS + JavaScript 과제 - 주소록 만들기

By Minjun Kim

FastCampus HTML/CSS + JavaScript 과제 - 주소록 만들기

  • 2,026