microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

js updates

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-22 12:21:40 -08:00
parent 3ef69dc570
commit 4f7b9e4747
46 changed files with 200 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
step1-03/final/index.html
View File

@@ -8,10 +8,10 @@
<h1>todos</h1>
<div class="addTodo">
<input class="textfield" placeholder="add todo" />
<button onclick="addTodo()" class="submit add">Add</button>
<button onclick="addTodo()" class="submit">Add</button>
</div>
<nav class="filter">
<button onclick="filter('all', this)" class="active">all</button>
<button onclick="filter('all', this)" class="selected">all</button>
<button onclick="filter('active', this)">active</button>
<button onclick="filter('completed', this)">completed</button>
</nav>
@@ -72,16 +72,16 @@
updateRemaining();
}
function filter(scope, button) {
document.querySelector('.active').classList.remove('active');
button.classList.add('active');
function filter(filterName, button) {
document.querySelector('.selected').classList.remove('selected');
button.classList.add('selected');
for (let todo of document.querySelectorAll('.todo')) {
const checked = todo.querySelector('input').checked == true;
if (scope == 'all') {
if (filterName == 'all') {
todo.hidden = false;
} else if (scope == 'active') {
} else if (filterName == 'active') {
todo.hidden = checked;
} else if (scope == 'completed') {
} else if (filterName == 'completed') {
todo.hidden = !checked;
}
}