Rompí toda la aplicación en componentes. Y el problema es que necesito seleccionar una opción en un componente y usarla (mostrar, por ejemplo) en otro componente. Por supuesto, el valor se puede cambiar en cualquier momento, por lo que el componente de visualización debería tener el último.

seleccionar componente

 const selectTemplate = (state) => ` <input list="currecyList" id="selects" placeholder="USD"> <datalist id="currecyList"> ${state.list} </datalist> `;

archivo de script para el componente seleccionado

 let value; const inp = document.querySelector("#selects"); inp.addEventListener("change", (event) => { console.log(event.target.value); value = event.target.value; });

componente de visualización

 const displayTemplate = (state) => ` <header> <h1> <a href="#/posts">${state.currency}'s Blog</a> </h1> </header> `;