본문 바로가기

공부 기록/Javascript

간단한 실습(1) - Todo List


prompt와 console.log를 이용하여 간단하게 구현하기

동작 방식

  • 입력값은 prompt로 받아들인다.
  • input이 new 일 경우 => 새로운 할 일 목록을 배열에 저장한다.
  • input이 list 일 경우 => 배열의 index, element를 불러온다.
  • input이 delete 일 경우 => 해당 index의 할 일 목록을 삭제한다.
  • input이 quit 일 경우 => while문을 빠져 나와 프로그램을 종료한다.
let input = prompt("What would you like to do?");
const list = [];
while (input !== "quit") {
  if (input === "delete") {
    const idx = parseInt(prompt("Write an index"));
    if (!Number.isNaN(idx)) {
      const deleted = list.splice(idx, 1);
      console.log(`Ok, deleted ${deleted[0]}`);
    } else {
      console.log("Unknown index.");
    }
  } else if (input === "list") {
    console.log("*****************");
    for (let i = 0; i < list.length; i++) {
      console.log(`${i}: ${list[i]}`);
    }
    console.log("*****************");
  } else if (input === "new") {
    const newTodo = prompt("what is the new todo?");
    list.push(newTodo);
    console.log(`${newTodo} added to the list.`);
  }
  input = prompt("What would you like to do?");
}

console.log("OK. you quit this app.");

 

'공부 기록 > Javascript' 카테고리의 다른 글

DOM  (0) 2023.01.18
JS 최신 기능 몇 가지  (1) 2023.01.18
Functions - 고차 함수, 반환 함수, 팩토리 함수, 익명 함수  (0) 2023.01.18