Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
tenho 5 buttons
<button id="1" class="btn btn-success">1</button>
<button id="2" class="btn btn-success">2</button>
<button id="3" class="btn btn-success">3</button>
<button id="3" class="btn btn-success">4</button>
<button id="5" class="btn btn-success">5</button>
<div id="mostrar"></div>
quando eu clicar no botão mostra o mesmo botão na div mostrar
por exemplo cliquei numero 1 mostra numero 1 depois cliquei no numero 2, vai mostrar botão 1 depois botão 2 na div mostrar>
11 horas atrás, Omar~ disse:
Seria algo como isso?
Ocultar conteúdo
<button id="1" class="btn btn-success exemplo">1</button>
<button id="2" class="btn btn-success exemplo">2</button>
<button id="3" class="btn btn-success exemplo">3</button>
<button id="3" class="btn btn-success exemplo">4</button>
<button id="5" class="btn btn-success exemplo">5</button>
<div id="mostrar"></div>
<script>
// Obter todos os botões de className "exemplo"
var botoes = document.getElementsByClassName('exemplo');
// Obter o local para mostrar
var mostrar = document.getElementById('mostrar');
// variáveis usadas mais tarde para armazenar valores
var ID, TXT;
// Percorrer todos botões e idexar-los dinâmicamente
for (var i = 0; i < botoes.length; i++) {
botoes[i].addEventListener('click', function (e) {
ID = e.target.id; // Obter o id do atual botão clicado
TXT = e.target.innerText; // Obter o que está escrito dentro do botão
mostrar.innerHTML += '<p>Clicado no botão de id:' + ID + ' / e seu texto é:' + TXT + '</p>';
}, true);
}
</script>
Ficou SHOW e por exemplo eu cliquei no 5 ele aparece no ID="MOSTRAR" e quando eu clicar no 5 novamente fazer ele remover campo ID="mostrar"
Seria algo como isso?
Spoiler