Tengo una página web (usando thymeleaf, html, css, javascript) y hay una barra de búsqueda con un botón. Quiero otro botón deshabilitado cada vez que se hace clic en el primero. Traté de hacerlo con un código javascript como este :

 const button1 = document.querySelector('#button1'); const button2 = document.querySelector('#button2'); const disableButton = () => { button1.disabled = true; }; button2.addEventListener('click', disableButton);

Pero el problema es que cuando hago clic en el botón de búsqueda, en realidad me redirige a otra página y ese código solo funciona en una página. También traté de usar thymeleaf si una expresión como esta:

 <div th:if="${#httpServletRequest.requestURI == '/example/WEB-INF/views/inbox.jsp'}"> some content </div>

Pero arroja una excepción ya que httpServletRequest es nulo/o no se reconoce. Entonces, tengo dos botones con identificadores y quiero deshabilitar uno de ellos cuando se hace clic en el otro y me redirige a otra página. ¿Cómo logro eso?