5
respostas

[Bug] Ponto ( . ) ao final do chute

Quando eu falo um número aparece um ponto ( . ) no final da string chute:

Imagem do projeto com o console do navegador abertoCódigo:

function exixbeChuteNaTela(chute) {
    console.log(chute)
    elementoChute.innerHTML = `
        <div>Você Disse:</div>
        <span class="box">${chute}</span>
    `;
};

Eu usei o slice() para remover o último caractere como solução, porém, no projeto do instrutor não teve esse problema:

function exixbeChuteNaTela(chute) {
    chuteSemPonto =  chute.slice(0, -1);
    elementoChute.innerHTML = `
        <div>Você Disse:</div>
        <span class="box">${chuteSemPonto}</span>
    `;
};

É algum tipo de bug?

5 respostas

Oi, Roberto

Teria que colocar seu código reconhecimentoDeVoz.js

Aí está Luis:

const elementoChute = document.getElementById('chute');

window.SpeechRecognition = window.SpeechRecognition || webkitSpeechRecognition;

const recognition = new SpeechRecognition();

recognition.lang = 'pt-br';
recognition.start();

recognition.addEventListener('result', onSpeak);

function onSpeak(e) {
    chute = e.results[0][0].transcript;
    exixbeChuteNaTela(chute);
    verificaSeOChutePossuiValorValido(chute);
};

function exixbeChuteNaTela(chute) {
    chuteSemPonto = chute.slice(0, -1);
    elementoChute.innerHTML = `
        <div>Você Disse:</div>
        <span class="box">${chuteSemPonto}</span>
    `;
};

recognition.addEventListener('end', () => recognition.start())

Oi, Roberto

Testei seu código e não apareceu o ponto


function onSpeak(e) {
    chute = e.results[0][0].transcript;
    console.log(chute);  // não aparece ponto
    exixbeChuteNaTela(chute);
    verificaSeOChutePossuiValorValido(chute);
};

Que estranho hehe Obrigado pelo retorno Luis

Boa noite Roberto,

estou passando pelo mesmo problema, mas já descobri que ocorre apenas no Edge, no Chrome está funcionando conforme o do professor. Caso eu descubra qual a origem do problema, retorno aqui.