Como eu faço para criar duas caixas de texto?
Se eu simplesmente usar a tag duas vezes, eu não consigo usar o valor digitado para fazer um cálculo por exemplo.
Obrigado!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Como eu faço para criar duas caixas de texto?
Se eu simplesmente usar a tag duas vezes, eu não consigo usar o valor digitado para fazer um cálculo por exemplo.
Obrigado!
Boa noite, Átila! Como vai?
Para criar duas caixas de texto basta fazer:
<input type="text" id="caixa1" /><br>
<input type="text" id="caixa2" /><br>Assim serão criadas duas caixas de texto, uma embaixo da outra!
Pegou a ideia? Qualquer coisa é só falar!
Grande abraço e bons estudos, meu aluno!
Bom dia Gabriel!
Tentei identificar a caixa com id="cx". Mas eu ainda não consigo fazer a referência para outras funções do código.
É o código ensinado na aula 9 do curso 1 de lógica de programação. Os erros são:
1 - Qualquer valor que eu digitar será considerado errado. (Jogo advinha) 2 - A linha com tag .focus(); sempre apresenta erro: Não se pode ler a propriedade focus de zero. Cannot read property 'focus' of null
Veja como está:
<meta charset="UTF-8">
<center>
<input type="number" max="10" min="1" id="cx" /><br><br>
<button>Compare</button>
</center>
<script>
function sorteia() {
return Math.round(Math.random() * 10);
}
function sorteiaNumeros (quantidade){
var segredos = [];
var n = 1;
while (n <= quantidade) {
var obj = sorteia();
var achou = false;
if (obj !== 0) {
for (var posicao = 0; posicao < segredos.length; posicao++) {
if (segredos[posicao] == obj) {
achou = true;
break;
}
}
if (achou == false) {
segredos.push(obj);
n++
}
}
}
return(segredos); // Não entendi o motivo!!!!
}
var secreto = sorteiaNumeros(10);
console.log(secreto);
var cx = document.querySelector("cx");
cx.focus();
function verifica() {
var achou = false;
for (var posicao = 0; posicao.length; posicao++) {
if(cx.value == segredos[posicao]) {
alert("ACERTOU!");
achou = true;
break;
}
}
if (achou == false) {
alert("ERROU!");
}
cx.value = "";
cx.focus();
}
var button = document.querySelector("button");
button.onclick = verifica;
</script>
Oi Átila tudo bem?
Segue abaixo código corrigido:
Faltou colocar o # no seletor do id cx, e arrumar a função que verifica os valores.
<meta charset="UTF-8">
<center>
<input type="number" max="10" min="1" id="cx" /><br><br>
<button>Compare</button>
</center>
<script>
function sorteia() {
return Math.round(Math.random() * 10);
}
function sorteiaNumeros (quantidade){
var segredos = [];
var n = 1;
while (n <= quantidade) {
var obj = sorteia();
var achou = false;
if (obj !== 0) {
for (var posicao = 0; posicao < segredos.length; posicao++) {
if (segredos[posicao] == obj) {
achou = true;
break;
}
}
if (achou == false) {
segredos.push(obj);
n++
}
}
}
return(segredos); // Não entendi o motivo!!!! ->>> Aqui retorna os valores para a variável secreto que irá chamar essa função logo abaixo
}
var secreto = sorteiaNumeros(10);
console.log(secreto);
var cx = document.querySelector("#cx");
cx.focus();
function verifica() {
var achou = false;
for (var posicao = 0; posicao<secreto.length; posicao++) {
if(cx.value == secreto[posicao]) {
alert("ACERTOU!");
achou = true;
break;
}
}
if (achou == false) {
alert("ERROU!");
}
cx.value = "";
cx.focus();
}
var button = document.querySelector("button");
button.onclick = verifica;
</script>
Espero ter ajudado!!!
Obrigado André!
Eu não sabia mesmo do #, já a função errada foi falta de atenção mesmo. Bom fds!
Disponha e bons estudos!!