Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Imprimir em tela usando Java Scritp.

<meta charset="UTF-8">

    <H1> Estou aprendendo a programar </H1>

    Digite seu nome aqui e clique no botão "Ok" abaixo. <br>
    <input/>
    <button> Ok </button> <br>

<script>

    alert ("Olá. Seja bem vindo!");

    function pulaLinha (){
        document.write ("<br>");
    }

function mostra(frase){

    document.write(frase);
    pulaLinha()
}

function exibirTexto(){
    document.write (nome)
    }

var nome = document.querySelector("input")

var button = document.querySelector("button");
button.onClick = exibirTexto;


mostra("Aprendendo")
pulaLinha();

</script>

Pessoal, boa tarde. Podem me ajudar com a correção deste código?

A minha intenção é: fazer com que o conteúdo digitado pelo usuário no campo "input" seja impresso na tela ao clicar no botão "Ok". Não estou conseguindo fazer funcionar de jeito nenhum.

Obg a quem ajudar!! :D

7 respostas

Boa tarde, Wilber! Como vai?

É apresentada alguma mensagem de erro no console do navegador ao executar o código ou ao clicar no botão? Se sim, vc poderia colar a mensagem aqui para que eu possa tentar te ajudar?

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Obg pelo retorno rápido, professor. Dei uma olhada no console e não há erro nenhum. O console está em branco. Estou usando o Chrome.

Na aplicação, minha página abre, o campo de texto e o botão são exibidos e a função "Mostra" exibe a frase que digitei no código mas a ação do botão é a única coisa que não funciona

E aí Wilber, tudo bem?

Não sei se você já conseguiu resolver, mas vou te passar aqui a forma como eu fiz.

<meta charset="UTF-8">

    <H1> Estou aprendendo a programar </H1>

    Digite seu nome aqui e clique no botão "Ok" abaixo. <br>
    <input/>
    <button> Ok </button> <br>

<script>

    alert ("Olá. Seja bem vindo!");

    function pulaLinha (){
        document.write ("<br>");
    }

    function mostra(frase){

        document.write(frase);
        pulaLinha()
    }

    function exibirTexto(){
        document.write (nome.value)
        }

    var nome = document.querySelector("input")

    var button = document.querySelector("button");
    button.onclick = exibirTexto;

    mostra("Aprendendo")
    pulaLinha();

</script>

Basicamente, você altera dois pontos:

1 - Ao invés de button.onClick = exibirTexto;, você escreve button.onclick = exibirTexto; com o c minúsculo;

2 - Dentro da função "exibirTexto", ao invés de passar apenas nome como parâmetro para "document.write", escreva nome.value já que o que você quer que seja impresso é o valor que você guardou dentro da variável nome

Embora o document.write sobrescreva a página toda porque ela só foi chamada depois que a página já havia carregado, no futuro serão abordados outros métodos para evitar isso. Espero ter ajudado, abraço!

Obrigado amigo pela ajuda. Mas continua não dando certo pra mim.

Fiz essas alterações e o programinha não imprime nada na tela. Qual navegador você está usando? Mesmo usando outro navegador, (Internet Explorer), nada acontece ao clicar no botão

solução!

Oi Wilber, estou usando o Google Chrome pra testar o código.

Mas é estranho mesmo, alterei apenas essas duas linhas do seu código e deu certo:

//document.write (nome)
document.write (nome.value)

//button.onClick = exibirTexto;
button.onclick = exibirTexto;

Desculpe não poder ajudar, se puder conferir de novo a sintaxe do código. Eu realmente não sei o que pode ser.

Já ajudou amigo, agora deu certo. Obrigado!!! :D

Opa, Wilber! Que bom que conseguiu resolver a questão! Assim que puder, por favor, marque a resposta que te ajudou a chegar à luz do conhecimento para que outras pessoas possam também obter a mesma solução caso precisem!

Grande abraço e bons estudos, meu aluno!