<!DOCTYPE html>
<html>
<head>
<script>
function enviarDados() {
var form = document.forms[0];
var primeiro_nome = form["primeiro_nome"].value;
var segundo_nome = form["segundo_nome"].value;
var mensagem = document.getElementById('mensagem');
mensagem.innerHTML = primeiro_nome + ' ' + segundo_nome;
}
</script>
</head>
<body>
<form onsubmit="return false;">
<div>
<label for="primeiro_nome">Primeiro nome:</label>
<input type="text" name="primeiro_nome" id="primeiro_nome"
placeholder="Informe seu primeiro nome">
</div>
<div>
<label for="segundo_nome">Segundo nome:</label>
<input type="text" name="segundo_nome" id="segundo_nome"
placeholder="Informe seu segundo nome">
</div>
<button type="submit" onclick="enviarDados()">Enviar dados</button>
</form>
<p>Seu nome completo é:</p>
<div id="mensagem"></div>
</body>
</html>