Tengo una clase que hace una conexion a una api, luego con un boton de busqueda llamo a un metodo de una instancia de esta clase. El problema surge con que en el metodo yo hago referencia con this a un atributos de la clase para armar una url, sin embargo al llamarlo desde el boton, como this como el boton. ¿Alguna manera de solucionar esto? o ¿No debe hacerse de esta manera?
searchByName(){
let url = `${this.url}&s=${inputSearch.value}&type=${this.type}`;
console.log(url);
//peticion
fetch(url)
.then( response => response.json())
.then(response => {
this.setTitle();
insertCard(response.Search);
})
.catch(err => console.log(err));
}
const connect = new Conexion();
btnSearch.addEventListener("click", connect.searchByName);
Solo dejo el trozo del metodo. Al fin al cabo termino con un error dado que la this.url obviamente es undefined por que toma this del boton y no el atributo del objeto. Lo uso asi porque tengo otros metodos para buscar y como la url es la misma la reciclo.