Выборка блока по критериям кратко

Есть 2 блока "SEARCH INVENTORY" и "сетка с товаром"

Направьте на пусть истинный, как по нажатию кнопки организовать поиск. Для примера сделаем выборку по одному элементу "make" and "model".

<div class="disc">Make</div>
<select id="Make">
   <option>BMW</option>
</select>
<div class="disc">Model</div>
  <select id="Model"> 
     <option>x6</option>
 </select>

2) Получаю данные выбранного select

 var make = document.getElementById("Make");
 var model = document.getElementById("Model");
 var valueMake = make.value;
 var valueModel = model.value;

3) Объект сетки товара выглядит сл. образом:

<div class="photo-car">
<img src="img/kia.jpg" alt="car" />
 <div class="price">$45.000</div>
<div class="make">BMW</div>
<div class="model">X5</div>

3.1) Сравниваю с текстом в блоках. Если совпадают - ничего не делаю, если не совпадают, добавляю класс .hideCarBlock { display:none}. Ищу все блоки car на странице var carBlock = document.querySelectorAll('.car') и начинаю поиск по эл. в блоке сравнивая

for (var i=0; i<carBlock.length;i++){

здесь начинаю плыть ... как я понимаю 2 массива нужно?

disc[i].classList.add('.hideCarBlock');
}

Итог: Хочу проверить хотя бы простое совпадение. Но в консоль ни чего не выводит

<script>
     var make = document.getElementById("Make");
     var model = document.getElementById("Model");
     var valueMake = make.value;
     var valueModel = model.value;
     var carBlock = document.querySelectorAll('.car');
        function fun_open() {
            for(var i=0; i<carBlock.length;i++){
                var blockMake = document.querySelectorAll("Make");
                if (carBlock[i].blockMake[i].innerHTML == valueMake) {
                    console.log("true");
                }
                else {
                    console.log("false");
                }
        }
    }
</script>

Пробовал как ниже, тоже не помогло

var blockMake = document.querySelectorAll("Make");
if (carBlock[i].blockMake.innerHTML == valueMake)