Revendo alguns estudos básicos (sim, muitas vezes volto a estudar html, css e javascript, por mais que já saiba muito sobre eles, tecnologias mudam o tempo todo, e sempre tem alguma coisa que podemos aprender de novo), me deparei com esse código: "Debbuger".

Pode parecer bobo pra você que está lendo e domina javascript, ou até mesmo se acabou de iniciar seus estudo, mas pasme! Em muitos anos de carreira, trabalhando no mercado com equipes bem diversas, até o momento nunca havia me deparado com esse código :clown: (o pessoal tem o costume de usar o bom e velho console.log() que é ótimo, mas nem sempre é tão efetivo pra "assistirmos" como a aplicação está se comportando).

O debbuger, como o próprio nome diz rs, serve pra você debugar seu código linha a linha. É recomendável você colocar eles, ANTES de algum código que deseje observar o comportamento.

Dessa forma, quando o navegador chegar no debugger. Ele simplesmente para e mostra na parte superior do navegador uma barra de ações (como play, por exemplo). Dessa forma, você consegue navegar linha a linha e ver o que seu código executa em cada uma delas!