ToDo 리스트 관리 앱은 할 일 목록을 추가, 삭제, 완료 처리하는 기능을 가진 앱입니다.
개념설명:
ToDo 리스트 관리 앱은 사용자가 할 일 항목을 작성하고, 필요에 따라 수정, 삭제, 완료 처리할 수 있는 애플리케이션입니다. 이 앱은 사용자가 할 일을 시각적으로 정리하고 관리할 수 있도록 도와줍니다.
예제 코드:
<!DOCTYPE html>
<html>
<head>
<title>ToDo 리스트</title>
</head>
<body>
<h1>ToDo 리스트</h1>
<input type="text" id="newTask" placeholder="할 일을 입력하세요">
<button onclick="addTask()">추가</button>
<ul id="taskList"></ul>
<script>
function addTask() {
const taskText = document.getElementById("newTask").value;
if (taskText.trim() === "") return;
const taskList = document.getElementById("taskList");
const taskItem = document.createElement("li");
taskItem.textContent = taskText;
const deleteButton = document.createElement("button");
deleteButton.textContent = "삭제";
deleteButton.onclick = function() {
taskList.removeChild(taskItem);
};
taskItem.appendChild(deleteButton);
taskList.appendChild(taskItem);
document.getElementById("newTask").value = "";
}
</script>
</body>
</html>
전문용어 상세하게 설명:
ToDo 리스트: 사용자가 할 일을 관리하는 목록.
할 일 항목: 사용자가 수행해야 할 작업.
추가: 새로운 할 일 항목을 ToDo 리스트에 추가하는 동작.
삭제: ToDo 리스트에서 선택한 할 일 항목을 제거하는 동작.
완료 처리: 할 일 항목을 완료 상태로 표시하는 동작.
'자바스크립트' 카테고리의 다른 글
| 슬라이드 쇼: 이미지 슬라이드 쇼를 만들어 갤러리 형태로 이미지를 표시합니다. (0) | 2023.12.17 |
|---|---|
| 간단한 웹 페이지 타이머: 웹 페이지에서 특정 시간 간격으로 메시지를 변경하는 타이머를 만듭니다. (0) | 2023.12.17 |
| 랜덤 숫자 맞추기 게임: 컴퓨터가 생성한 랜덤 숫자를 맞추는 게임을 만듭니다. (0) | 2023.12.17 |
| 간단한 계산기 만들기: 사용자가 두 수를 입력하고 덧셈, 뺄셈, 곱셈, 나눗셈 등의 연산을 수행하는 계산기를 만듭니다. (0) | 2023.12.16 |
| 화면에 "Hello, World!" 출력하기 (0) | 2023.12.16 |