JAVASCRIPT. Помогите сделать список только полных имен из страницы ru.wikipedia.org/wiki/Хронология_открытий_челове чества
В инете вот нашел,но немного не пойму:
P.S.Мне это в браузерную консоль надо,чтобы фильтровать и собирать нужную информацию
В инете вот нашел,но немного не пойму:
Код HTML:
<style>
.contacts li {
display: block;
margin: 10px;
padding: 10px;
background-color: rgb(220, 234, 244);
}
.contacts li :before {
font-weight: 900;
}
.contacts li :nth-of-type(1):before {
content: "Имя: ";
}
.contacts li :nth-of-type(2):before {
content: "Фамилия: ";
}
.contacts li :nth-of-type(3):before {
content: "email: ";
}
.contacts li :nth-of-type(4):before {
content: "телефон: ";
}
</style>
<input type="text" placeholder="поиск" id="search">
<style id="search-style"></style>
<ul class="contacts">
<li data-index="марьяивановаmar.ivanova@yandex.ru89270000000">
<div>Марья</div>
<div>Иванова</div>
<div>mar.ivanova@yandex.ru</div>
<div>89270000000</div>
<li data-index="иванпетровivan.petriv@mail.ru89031111111">
<div>Иван</div>
<div>Петров</div>
<div>ivan.petriv@mail.ru</div>
<div>89031111111</div>
<li data-index="фёдорсидоровsidorov@mail.ru8172222222">
<div>Фёдор</div>
<div>Сидоров</div>
<div>sidorov@mail.ru</div>
<div>8172222222</div>
<li data-index="людмиласнегирёваsnegir@gmail.com333-33-33">
<div>Людмила</div>
<div>Снегирёва</div>
<div>snegir@gmail.com</div>
<div>333-33-33</div>
</ul>
<script>
var searchStyle = document.getElementById('search-style');
document.getElementById('search').addEventListener('input', function() {
if (!this.value) {
searchStyle.innerHTML = '';
return;
}
searchStyle.innerHTML = '.contacts li:not([data-index*="' + this.value.toLowerCase() + '"]) { display: none; }';
});
</script>