Build a Search Bar: Get all the names from the DOM

scrimba

Watch in fullscreen

by Karl Hadwen

About

Comments

Notes

Build a Search Bar: Get all the names from the DOM

by Karl Hadwen

Expand for more info

index.js

run

preview

console

/*
    Task: Get all the name elements from the DOM
    1. Create a new 'let' called 'allNamesDOMCollection'
    2. Store all the elements of classname 'name' in 'allNamesDOMCollection'
    3. Log to the console 'allNamesDOMCollection' to demonstrate that an HTMLCollection exists
    4. Log out the first index of allNamesDOMCollection and add 'textContent' to view a name
*/
document.getElementById("searchInput").addEventListener("keyup", function(event) {
    let searchQuery = event.target.value.toLowerCase();
});

Task: Get all the name elements from the DOM

1. Create a new 'let' called 'allNamesDOMCollection'

2. Store all the elements of classname 'name' in 'allNamesDOMCollection'

3. Log to the console 'allNamesDOMCollection' to demonstrate that an HTMLCollection exists

4. Log out the first index of allNamesDOMCollection and add 'textContent' to view a name

document.getElementById("searchInput").addEventListener("keyup", function(event) {

let searchQuery = event.target.value.toLowerCase();

});

-3:34