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!