Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

botao

boa noite, eu fiz um input com um botão, que quando eu digito algo no input e clico no botão ele imprima o valor do input na página, mas toda vez ele apaga meu input e o botão, ai eu tenho que reiniciar a página para o input e o botão voltar, como resolver isso?

4 respostas

Bom dia Leveditor, como vai?

Tem como você postar essa parte do código aqui ou no GitHub?

HTML

JS

function teste() { var input = document.getElementById('input').value

if(input == 'testando'){ document.write('O input e o botão sumiu'); } }

HTML

<input type="text" id="input"> <button onclick="teste()">Teste</button>

JS

function teste() { var input = document.getElementById('input').value

if(input == 'testando'){ document.write('O input e o botão sumiu'); } }

logo apos que você clica no botão o input e o botão some, tem como ele imprimir o document.write na mesma pagina?

solução

Você poderia imprimir em um span em branco utilizando o textContent, por exemplo:

<button id="botao">Clique</button>
<span id="blank"></span>
const btn = document.getElementById("botao");
const blk = document.getElementById("blank")

btn.addEventListener("click", function(event) {
    event.preventDefault();
    blk.textContent = "Ola";
});

Espero ter ajudado, abraços!