Olá pessoal, to iniciando no javascript e to treinando, gostaria de um help em uma dúvida. Eu gostaria de mudar o titlulo de uma pagina toda vez que for clicado em um botao ao lado dele. Tipo, a cada click muda para um nome diferente, eu tentei mas só consegui que o o titulo mudasse para um nome e não troca para outro.

Html

<h2 class="tituloDoSite">Hashirama</h2>
<button class="troca-titulo" value="">Trocar Titulo</button>

Javascript

var titulo = document.querySelector(".tituloDoSite");
var botao = document.querySelector(".troca-titulo");

botao.addEventListener("click", function(){

            titulo.textContent = "Tobirama";

    /*Queria colocar as outras opcões para mudar o nome, mas travei aqui e não sei pra onde ir kk**/


})

A partir daí eu travei nessa parte, tentei usar o for e o if, mas não cheguei a lugar nenhum kk, se alguem conseguir me ajudar agradeço. Eu queria tipo que ficasse

Se clicar uma vez: Muda para "Tobirama" Se clicar de novo: Muda para "Hiruzen" Se clicar de novo: Muda para "Minato"

E depois voltasse para o titulo inicial de novo e a a cada click ficasse nesse loop.