Dica Rápida: JS pegando mais de um input

No ultimo tutorial algumas pessoas tiveram dúvidas sobre como pegar dados em mais de um input, outros tiveram muitos erros. Mas para ajudar gravamos mais uma dica.

Vamos criar 2 campos para pegar os dados e processar na nossa tela, vamo ver!

O código da aula ficou da seguinte forma:

JavaScript


var Nome = "";
var Sobre = "";

function mostrar(){
	Nome = document.getElementById('nome')
	Sobre = document.getElementById('sobrenome')
	
	document.getElementById('recebe').innerHTML = Nome.value +" "+ Sobre.value
}

HTML

<!DOCTYPE html>
<html>
<head>
	<title>Inputs</title>
	<script type="text/javascript" src="js/script.js"></script>
</head>
<body>

		<input type="text" name="nome" id="nome">
		<input type="text" name="sobrenome" id="sobrenome">
		<input type="submit" name="submeter" onclick="mostrar()">
	
<p id="recebe">
	
</p>

</body>
</html>

Muito obrigado pessoal, se tiver alguma dúvida pode deixar no comentário, e não deixa de se inscrever em nosso canal e seguir nossas redes sociais!

Deixe um comentário

Abrir bate-papo
Olá 👋
Podemos ajudar você?