Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] No meu VsCode não surge a opção .inludes - como habilitar?

Fiz o passo-a-passo exatamente como descrito no vídeo, mas quando insiro o "." após "listaDeNumerosSorteados" não aparece a função includes ou qualquer outra. Como habilitar isso? Segue meu código:

let listaDeNumerosSorteados [];
let numeroSecreto = gerarNumeroAleatorio();
let tentativas = 1;
// let titulo = document.querySelector('h1');
// titulo.innerHTML = 'Jogo do número secreto';

let paragrafo = document.querySelector('p');
paragrafo.innerHTML = 'Escolha um número entre 1 e 10';

function exibirTextoNaTela (tag, texto) {
    let campo = document.querySelector(tag);
    campo.innerHTML = texto;
}
 function exibirMensagemInicial () {
    exibirTextoNaTela ('h1','Jogo do número secreto');
    exibirTextoNaTela ('p', 'Escolha um número entre 1 e 10');
 }

exibirMensagemInicial();

function gerarNumeroAleatorio() {
   let numeroEscolhido =  parseInt(Math.random() *10 +1);
   if (listaDeNumerosSorteados.inc)
}
function limparCampo() {
    chute = document.querySelector('input');
    chute.value = '';
}
function reiniciarJogo() {
    numeroSecreto = gerarNumeroAleatorio();
    limparCampo();
    tentativas=1;
    exibirMensagemInicial();
    document.getElementById('reiniciar').setAttribute('disabled',
    true) 
}
function verificarChute() {
    let chute = document.querySelector('input').value;
    console.log (chute == numeroSecreto);
    if (chute==numeroSecreto) {
        exibirTextoNaTela ('h1','Acertou! Você descobriu!');
        let PalavraTentativa = tentativas > 1? 'tentativas':'tentativa';
        let mensagemTentativas = `Você acertou o número secreto com ${tentativas} ${PalavraTentativa}!`;
        exibirTextoNaTela ('p', mensagemTentativas);
        limparCampo(); 
        document.getElementById('reiniciar').removeAttribute('disabled');
    } 
    else{
        limparCampo();
        if (chute<numeroSecreto) {
        exibirTextoNaTela ('p', 'O número é maior!');
    } else {exibirTextoNaTela ('p', 'O número é menor!')}
    } tentativas++
    }


Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Olá, Vicente! Tudo bem?

Analisando o código que você compartilhou, percebi um problema que fazia com que o VScode não te sugerisse o .includes, foi a forma que você declarou a lista listaDeNumerosSorteados. Você acabou esquecendo de adicionar o "=" entre o nome dá lista e os "[ ]".

Então para resolver essa situação, você precisa apenas adicionar o "=" entre eles e o método .includes será sugerido. Segue o exemplo de como ficará o seu código corrigido:

let listaDeNumerosSorteados =  [];
let numeroSecreto = gerarNumeroAleatorio();
let tentativas = 1;
// let titulo = document.querySelector('h1');
// titulo.innerHTML = 'Jogo do número secreto';

let paragrafo = document.querySelector('p');
paragrafo.innerHTML = 'Escolha um número entre 1 e 10';

function exibirTextoNaTela (tag, texto) {
    let campo = document.querySelector(tag);
    campo.innerHTML = texto;
}
 function exibirMensagemInicial () {
    exibirTextoNaTela ('h1','Jogo do número secreto');
    exibirTextoNaTela ('p', 'Escolha um número entre 1 e 10');
 }

exibirMensagemInicial();

function gerarNumeroAleatorio() {
   let numeroEscolhido =  parseInt(Math.random() *10 +1);
   if (listaDeNumerosSorteados.includes(numeroEscolhido)) {
    return gerarNumeroAleatorio();
   }
}

function limparCampo() {
    chute = document.querySelector('input');
    chute.value = '';
}
function reiniciarJogo() {
    numeroSecreto = gerarNumeroAleatorio();
    limparCampo();
    tentativas=1;
    exibirMensagemInicial();
    document.getElementById('reiniciar').setAttribute('disabled',
    true) 
}
function verificarChute() {
    let chute = document.querySelector('input').value;
    console.log (chute == numeroSecreto);
    if (chute==numeroSecreto) {
        exibirTextoNaTela ('h1','Acertou! Você descobriu!');
        let PalavraTentativa = tentativas > 1? 'tentativas':'tentativa';
        let mensagemTentativas = `Você acertou o número secreto com ${tentativas} ${PalavraTentativa}!`;
        exibirTextoNaTela ('p', mensagemTentativas);
        limparCampo(); 
        document.getElementById('reiniciar').removeAttribute('disabled');
    } 
    else{
        limparCampo();
        if (chute<numeroSecreto) {
        exibirTextoNaTela ('p', 'O número é maior!');
    } else {exibirTextoNaTela ('p', 'O número é menor!')}
    } tentativas++
    }

Espero ter ajudado. Se tiver mais alguma dúvida, é só me dizer!

Grande abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software