Meus conhecimentos e aprendidos...
<body>
<label for="">Nome</label>
<input id="nome" type="text">
<br>
<label for="">Sobrenome</label>
<input id="sobrenome" type="text">
<br>
<label for="">Idade</label>
<input id="idade" type="number">
<br>
<button>Enviar</button>
<div>
<p id="resultado"></p>
</div>
<script>
const nome = document.getElementById('nome');
const sobrenome = document.getElementById('sobrenome');
const idade = document.getElementById('idade');
const rel = document.getElementById('resultado');
const btn = document.querySelector('button');
function verficar() {
if (nome.value == '' || sobrenome.value == '' || idade.value == '') {
rel.innerHTML = 'Favor preencher nos campos obrigatorio';
} else {
rel.innerHTML = `Seu nome completo é ${nome.value} ${sobrenome.value} e sua idade é ${idade.value} anos.`
}
nome.value = '';
sobrenome.value = '';
idade.value = '';
}
btn.onclick = verficar;
</script>
</body>
