Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RickSilva

Dificuldade com formulario!

Por , em Javascript

Recommended Posts

RickSilva    0

RickSilva
Postado

Boa Noite gente! Sou iniciante em javascript e quero fazer uma coisa que é simples mas estou com muita dificuldade para entender.

Espero que vcs sejam paciente cmg.

Obrigado!

 

O que eu quero fazer é o seguinte: São dois inputs de texto (nome e sobrenome) e ao clicar em Enviar aparece logo em Baixo o nome e o sobrenome da pessoa.

Eu criei esse codigo mas não sei o que ta dando errado! 

 <html>
	<head>
	<script>
	   function mostrar(){
	   var nom = document.getElementById("nome").value;
	   var sob = document.getElementById("sobrenome").value;
			
           return document.getElementById("ncompleto").innerHTML = nom + " " + sob;
		}
	</script>
	</head>
	<body>
	<form name="f">
	<input type="text" name="nom" id="nome"/>
	<input type="text" name="sobr" id="sobrenome"/>
	<input type="submit" value="Enviar" onclick="mostrar()" />
	</form>
	
	<p id="ncompleto"> </p>
	</body>
 </html>

Já consegui gente. Só troquei o submit do botao por botton

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

ocorre que ao clicar em Enviar o form é submetido e a página atualizada apagando assim o nome.

teste assim..

<input type="submit" value="Enviar" onclick="mostrar(); return false;" />

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito