JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test-search">Search</div>
<br>
<input type="checkbox" name="infrastructure" value="pool" id="pool" class="filter__input">
<input type="checkbox" name="infrastructure" value="Parking" id="Parking" class="filter__input">
<input type="checkbox" name="infrastructure" value="Wi-fi" id="Wi-fi" class="filter__input">

JavaScript

var searchbutton = document.querySelector('.test-search');
var checkboxes = document.querySelectorAll(".filter__input");


searchbutton.addEventListener('click', function(event) {

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

	if(checkboxes[i].checked == true){

		var values = checkboxes[i].id;
   alert(values);

	}

}

alert(values);

});