객체 공부 (5)
<!DOCTYPE html>
<html>
<body>
<input type="text" name="title" id="title">
<button type="button" name="btn-add" id="btn-add">등록</button>
<ul id="todo-list">
</ul>
<script>
/**
인수로서의 객체와 함수 기본 1
객체 인수
**/
var todos = [];
function newTodo(event) {
let ul = document.getElementById('todo-list');
let title = document.getElementById('title');
let todosHTML;
todos.push(title.value);
title.value = '';
todosHTML = '';
for(let i=0; i < todos.length; i++){
todosHTML = `${todosHTML}<li>${todos[i]}</li>`;
}
ul.innerHTML = todosHTML;
}
var btnAdd = document.getElementById('btn-add');
btnAdd.addEventListener('click', newTodo);
</script>
</body>
</html>
'javascript' 카테고리의 다른 글
| 함수의 유효 범위 - 내부 함수 (0) | 2017.09.13 |
|---|---|
| 변수의 유효 범위 (0) | 2017.09.13 |
| 느낌표 두 개(!!)의 역할 (0) | 2017.09.13 |
| 객체 공부 (4) (0) | 2017.09.13 |
| 객체 공부 (3) (0) | 2017.09.13 |