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!
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!!