Capturar ação de um botão

Bom Dia

Desenvolvi um filtro HTML e estou com dificuldades em criar o JavaScript para o funcionamento do mesmo, poderiam em ajudar a criar esse JS?

Segue o código:

<div id = "filtro">
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style disabled>

 #filtro {
 border-style:double;
}

#button1 {
 width: 120px;
 position: inherit;
 right: 10px;
 background-color: #e00505;
 font-size: 12px;
 FLOAT: right
}

h4 {

 font-size: 18px;
 border-style: inset;
}

select {
 border: 1px solid #000;
 box-sizing: border-box;
 width: 124px;
 border-radius: 5px;
 height: 25px;
 padding: 3px;
}

section label {

 width: calc(100% / 4);
 color: red;
 text-align: center;
}

section {

 display: flex;
 flex-wrap: wrap;
}

 border-style:double;
}

@media screen and (max-width:768px) {
section label {

 margin-bottom: 20px;
 width: 100%;
 }
}
</style>
<h4 style="text-align: center;">Personalize o seu Kit de Segurança</h4><br><br>

<form action="#" id="form">

 <section>
 <label>
 <b> Tipo do seu Kit </b><br>
 <select name="speed" id="speed" style=" ">
 <option desable>Selecione</option>
 <option>Residencial</option>
 <option>Comercial</option>
 </select>
 </label>
 <label>
 <b>Qualidade de Seu Kit</b><br>
 <select name="files" id="files" style=" ">
 <option desable> Selecione </option>
 <option value="HD">HD</option>
 <option value="Full HD">Full HD</option>
 <option value="Analógica">Analógica</option>

 </select>
 </label>
 <label>
 <b> Quantidade de Câmeras </b><br>
 <select name="number" id="number" style=" ">
 <option desable> Selecione </option>
 <option>1 Câmera</option>
 <option>2 Câmeras</option>
 <option>3 Câmeras</option>
 <option>4 Câmeras</option>
 <option>5 Câmeras</option>
 <option>6 Câmeras</option>
 <option>7 Câmeras</option>
 <option>8 Câmeras</option>
 <option>9 Câmeras</option>
 <option>10 Câmeras</option>
 <option>11 Câmeras</option>
 <option>12 Câmeras</option>
 <option>13 Câmeras</option>
 <option>14 Câmeras</option>
 <option>15 Câmeras</option>
 <option>16 Câmeras</option>
 </select>
 </label>
 <label>
 <b> Selecione a Marca </b><br>
 <select name="salutation" id="salutation">
 <option desable selected>Selecione</option>
 <option>Intelbras</option>
 <option>Hikvision</option>
 <option>Outras</option>
 </select>
 </label>
 </section>

<BR>
 <BR>

</form>

</div>
<br>
<br>
 <button class="kd-filter-button" id="button1">Ver resultados</button>

	Seria bom, se possível o botão funcionar fora da tag "form" pois para personalizar fica melhor