A Torre de Hanoi é um quebra-cabeças que consiste de três varetas e um número de discos de diferentes tamanhos que podem ser encaixados em qualquer vareta. O jogo começa com todos os discos empilhados em uma vareta, do maior (embaixo) para o menor (no topo).
O envio deve ser o trabalho realizado por você - (não copiem a solução escrita por outra pessoa).
O objetivo do quebra-cabeças é mover toda a pilha para outra vareta obedecendo às seguintes regras:
-
Apenas um disco pode ser movido por vez.
-
Cada movimento consiste em pegar o disco de cima de uma das pilhas e movê-lo para o topo de outra pilha.
-
Nenhum disco pode ser colocado no topo de um disco menor.
Exemplo visual para ajudá-lo a entender melhor o funcionamento.
- O jogador deve clicar duas vezes para cada movimento: primeiro para selecionar a torre de origem, e depois para selecionar a torre de destino. Use uma variável para registrar qual modo o jogador está.
- Adicionar um handler de clique em cada uma das três torres. Use event.currentTarget dentro do handler de evento para determinar qual torre foi clicada.
- Use a propriedade DOM childElementCount para saber quantos discos estão em uma torre.
- Usar a propriedade DOM lastElementChild para saber qual é o disco no topo da torre.
- Usar o método DOM appendChild() para adicionar um disco a uma torre . Observe que quando você usa appendChild em um elemento que já tem um pai, ele é automaticamente removido do pai anterior e adicionado no novo.
- Usar a propriedade Element.clientWidth para pegar o tamanho dos discos.