Показывать все div, которые содержат ту же этикетку

Я делаю вид поисковой службы этикеток, но проблема состоит в том, что он только показывает мне результат.

Если я ищу 'привет', меня были бы должны вытекать 3, так как у 3 есть та же этикетка то же самое с 'цветом', но только у меня выходит один как уже я это сказал, также также я хотел бы знать, как искать несколько этикеток одновременно, пример искать привет, - другая этикетка - и т.д.... и выйдите все, уже я это попробовал и оно не функционирует если только он это не сделает в момент искания сети + .blue он покажет мне в конце концов div class blue.

У меня нет идеи, когда использовать querySelector и querySelectorAll, я пробовал с последним также, но оно не функционирует, как он это делает querySelector

function buscar(){
var buscar = document.getElementById("search").value;
var result = document.querySelector('.' + buscar);
result.style.display = "block";
}
.hola{
width: 50px;
height: 50px;
display: none;
}
.red{
background-color: red;
}
.blue{
background-color: blue;
}
.yellow{
background-color: yellow;
}
<input id="search" type="text" placeholder="Buscar...">
<button onclick="buscar()">Buscar</button>

<br/>
<br/>

<div class="hola color red"></div>
<div class="hola color blue "></div>
<div class="hola color yellow"></div>
8
задан 28.07.2019, 03:11
0 ответов