Comecei estudar TS devido a estar fazendo um projeto em Angular9, mas não estou conseguindo criar nenhuma função no projeto. Em JS normal uma função normal seria assim:
const msgOutField = document.querySelector("#titulo-anuncio")
msgOutField.addEventListener('click', function teste(){
alert("titulo cadastrado")
})
Chamado o ID no JS normal, nesse caso o #titulo-anuncio.
Já no TS parece que não posso fazer assim, o componente do angular cria tres arquivos basicamente: um html, um css e um ts, nesse arquivo como eu posso criar uma função? pq a forma do JS não funciona lá, eu só posso criar métodos, como o padrão: ngOnInit(): void {
}
Não entendi como posso manipular o dom por lá.