<div id="todo-list"></div>
<div id="todo-worship"></div>
<div id="todo-workout"></div>

const todo_study = [
  {
    text: 'HTML',
  },
  {
    text: 'Css',
  },
  {
    text: 'Javascript',
  },
];

const todo_worship = [
  {
    text: '콘티 정하기',
  },

  {
    text: '콘티 key 수정하기',
  },
];

const todo_workout = [
  {
    text: '웨이트 운동하기',
  },

  {
    text: '유산소 운동하기',
  },
];

function TodoList(data, id) {
  /* 인스턴스 확인 */
  if (!new.target) {
    throw new Error('is not instance');
  }

  if (!data) {
    throw new Error('check Null or Undefined');
  }

  this.render = function () {
    data.forEach((item) => {
      document.querySelector(
        `${id}`,
      ).innerHTML += `<div> 오늘의 할 일은 ${item.text} 입니다!!</div>`;
    });
  };
}

const study = new TodoList(todo_study, '#todo-list');
const worship = new TodoList(todo_worship, '#todo-worship');
const workout = new TodoList(todo_workout, '#todo-workout');

study.render();
worship.render();
workout.render();