Update Step 1-0 exercise to match instructions

This commit is contained in:
Ronald Martin 2019-03-01 08:57:02 -08:00
Родитель 52bde850fc
Коммит e7fb20433f
3 изменённых файлов: 2 добавлений и 7 удалений

Просмотреть файл

@ -74,13 +74,12 @@ function addTodo() {
### Cleanup
Now that our todo has been inserted into the DOM, we can clear the text input and call `updateRemaining()`.
Now that our todo has been inserted into the DOM, we can clear the text input. In the exercise, we'll also update the count of the remaining todos in the footer from here.
```js
function addTodo() {
...
clearInput('.textfield');
updateRemaining();
}
```

Просмотреть файл

@ -7,7 +7,7 @@ If you don't already have the app running, start it with `npm run static` from t
1. Add an `onclick` attribute to all three buttons in the navigation.
2. In each `onclick` call the `filter` function. In our function we need a reference to the clicked button, so pass in the keyword `this` as the only parameter.
### Write an `updateRemaining` function
### Complete the `updateRemaining` function
1. Get a reference to the span with the `remaining` class, and store it in a variable.
2. Use [`querySelectorAll`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll) to get all of the todos.

Просмотреть файл

@ -47,9 +47,6 @@
}
function updateRemaining() {
const remaining = document.querySelector('.remaining');
const todos = document.querySelectorAll('.todo').length;
remaining.innerText = todos;
}
function addTodo() {
@ -59,7 +56,6 @@
todo.parentElement.insertBefore(newTodo, todo);
clearInput('.textfield');
updateRemaining();
}
// clearCompleted