-2

Ao digitar o texto nos input e clicar no botão, a função alert() não executa!

Meu código:

    <html lang="pt">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
	<h1>Teste Javascript</h1>
	<div id="app">
		<input type="text" name="nome" />
		<input type="text" name="nome2" />
		<button class="botao">Pressione aqui</button>
	</div>
	<script>
		var inputElement = document.querySelector('input[name=nome2]');
		var btnElement = document.querySelector('button.botao');
               btnElement.onClick = function(){
			      var text = inputElement.value;
			      alert(text);
		          }
    </script>
    </body>
    </html>

Qual o problema?

2

3 Respostas 3

1

Na linha 20, altere onClick para onclick e seu alert() irá funcionar!

Leitura recomendada: minha resposta sobre o evento click.

0

A nomenclatura esta errada, altere sua função para btnElement.onclick = function () {...

Uma outra forma de trabalhar seria criar um listener

btnElement.addEventListener('click', function() {
  função...
});

Fonte: https://www.w3schools.com/jsref/event_onclick.asp

3
  • 1
    Ué, mas é exatamente a mesma resposta que já foi postada 1 hora atrás
    – Sorack
    13/03/2019 às 18:03
  • 1
    Minha intenção foi mostrar tbm uma outra forma de trabalhar.
    – Andre Lima
    13/03/2019 às 18:06
  • 1
    Essa outra forma já foi mencionada na minha outra resposta. Tanto que recomendei leitura dela. xD
    – LipESprY
    13/03/2019 às 19:11
-2

 
  $(document).on("click",".botao",function() {
		var input1 = $('input[name="nome"]').val();
		alert(input1);
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="nome"/>
<button type="button" class="botao">Ok</button>

1
  • Tente explicar o seu código faz
    – Sorack
    13/03/2019 às 18:04

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .