Solucionado
Olá!
Por exemplo, eu faço um programa onde eu tenho que digitar o nome e o sobrenome de uma pessoa em dois campos diferentes e quando eu clicar no botão OK, eu concateno os dois valores e mostro em um alert. Como eu faria para acessar o input nome e o sobrenome, já que os dois são input?
Nome<input />
Sobrenome<input />
<button>Qual seu nome?</button>
document.querySelector("input")
Você precisa dar um "id" para cada input.
O "id" é um nome único dentro de uma página.
Ou seja, um elemento tem que possuir um id exclusivo.
Nome<input id="nome" />
Sobrenome<input id="sobrenome" />
<button>Qual seu nome?</button>
document.querySelector("#nome");Maravilha!
Obrigado Gabriel!
Olá galera,
Contribuição para o código do Danilo :)
<meta charset="utf-8">
Nome.:<input id="nome" />
<br>
Sobrenome.:<input id="sobrenome" />
<br>
<button id="junta">Nome Completo</button>
<script>
var nome = document.querySelector("#nome");
var sobrenome = document.querySelector("#sobrenome");
function junta() {
var nomeCompleto = (nome.value + " " + sobrenome.value);
alert(nomeCompleto);
}
document.getElementById("junta").onclick = junta;
</script>