Erro na minha querySelector

Programação
#1

Boa tarde galera, estou no seguinte desafio…

Preciso que retorne na tela apenas os dados correspondente ao valor selecionado no select… Estou testando o seguindo código …
document.querySelector(’#plano’)
.addEventListener(‘change’, // quando o select for alterado, chamar a função abaixo
function() {
// opção selecionada
let opcao = this.options[this.selectedIndex];

      // verificar as células da tabela que possuem o valor selecionado
      let tabela = document.querySelector('#listainvestimento');
      // começar em 1 para ignorar a primeira linha (cabeçalhos estão na linha zero)
      for (let i = 1, row; row = tabela.rows[i]; i++) {
        let texto = row.cells[0].innerHTML; 
        let texto = row.cells[1].innerHTML; // "A" ou "B"
        if (opcao.value === texto && opcao.text === texto) {
          row.style.display = 'table-row';
        } else {
          row.style.display = 'none';
        }
      }
    }
  )

O meu select esta assim

a 
                                    <option value="b" >b</option>
                                    <option value="c" >c</option>
                                    <option value="d">d</option>
                                    <option value="e" >e</option>
                                    <option value="f" >f</option>

Acho que não esta chamando a função… pois seleciono os itens no select e não traz os valores

#2

aqui funcionou voce esta usando a aspa errada eu acho pq o copiar colar aqui deu errado use ’ ou "

#3

Mudei mas continua com o erro, não acontece nada no meu front… o projeto esta sendo feito em jsp…

document.querySelector("#plano")
  .addEventListener("change", // quando o select for alterado, chamar a função abaixo
    function() {
      // opção selecionada
      let opcao = this.options[this.selectedIndex];

      // verificar as células da tabela que possuem o valor selecionado
      let tabela = document.querySelector("#listainvestimento");
      // começar em 1 para ignorar a primeira linha (cabeçalhos estão na linha zero)
      for (let i = 1, row; row = tabela.rows[i]; i++) {
        let texto = row.cells[0].innerHTML; 
        let texto = row.cells[1].innerHTML; // "A" ou "B"
        if (opcao.value === texto && opcao.text === texto) {
          row.style.display = "table-row";
        } else {
          row.style.display = "none";
        }
      }
    }
  )
#4

eu testei esse teu codigo de forma bem simples, criei uma pagina html sem nada so com o select e coloquei um console.log quando eu selecionava uma opcao, imprimia uma coisa.

a primeira coisa a fazer é abrir as ferramentas de desenvolvedor do browser e ver se esse script nao ta dando erro. Por exemplo quando voce faz let opcao = this.options[this.selectedIndex] onde voce esta criando essa variavel options ?

coloca tambem dentro da funcao um console.log('executando funcao')

outra dica voce pode testar a funcao toda no console do browser e depois de ajustar ela voce coloca no arquivo

#5

ok vou tentar por aqui, qual quer coisa aviso, vlw até momento