text: function adicionarFilme() {
      var inTitulo = document.getElementById("inTitulo")
      var inGenero = document.getElementById("inGenero")
  
      var titulo = inTitulo.value
      var genero = inGenero.value
  
      if (titulo == "" || genero == "") {
          alert("Informe corretamente os dados")
          inTitulo.focus()
          return
      }
      //cria ref ao elemento tbFilmes
      var tbFilmes = document.getElementById("tbFilmes")
  
      //chama function que irá inserir filme na tabela
      inserirLinha(tbFilmes, titulo, genero)
  
      //chama function que irá gravar dados em localStorage
      gravarFilme(titulo, genero)
  
      inTitulo.value = ""
      inGenero.value = ""
      inTitulo.focus()
  }
  btAdicionar = document.getElementById("btAdicionar")
  btAdicionar.addEventListener("click", adicionarFilme)
  
  function inserirLinha(tabela, titulo, genero) {
      var linha = tabela.insertRow(-1)                //Adicionar uma linha na tabela
  
      var col1 = linha.insertCell(0)                  // cria colunas na lihnha inserida
      var col2 = linha.insertCell(1)
      var col3 = linha.insertCell(2)
  
      col1.textContent = titulo                      //joga um conteúdo em cada célula
      col2.textContent = genero
      col3.innerHTML = "<input type='checkbox'>"      //innerHTML rendeniza código
  }
  
  function gravarFilme() {
      // se há filmes salvos em localStorage
      if (localStorage.getItem("filmesTitulo")) {
          //obtém os dados e acrescenta ";" e o Título/Gênero informado
          var filmesTitulo = localStorage.getItem("filmesTitulo") + ";" + titulo
          var filmesGenero = localStorage.getItem("filmesGenero") + ";" + genero
        
          localStorage.setItem("filmesTitulo", filmesTitulo)          //Grava dados
          localStorage.setItem("filmesGenero", filmesGenero)          //em localStorage
      } else {
          //senão, é a primeira inclusão (salva sem delimitador)
          localStorage.setItem("filmesTitulo", titulo)
          localStorage.setItem("filmesGenero", genero)
      }
  }
  
  function recuperarFilmes() {
      // se houver dados salvos em localStorage
      if (localStorage.getItem("filmesTitulo")) {
          //obtém conteúdo e converte em elementos de vetor (na ocorrência ";")
          var titulos = localStorage.getItem("filmesTitulo").split(";")
          var generos = localStorage.getItem("filmesGenero").split(";")
  
          //cria referencia ao elemento tbFilmes
          var tbFilmes = document.getElementById("tbFilmes")
  
          //percorre elementos do vetor e os insere na tabela
          for (var i = 0; i <titulos.length; i++) {
              inserirLinha(tbFilmes, titulos[i], generos[i])
          }
      }
  }
  recuperarFilmes()
  
  
  //cria referência ao checkbox ckTodos
  var ckTodos = document.getElementById("ckTodos")
  //executa a função anônima quando houver uma troca de status
  ckTodos.addEventListener("change", function(){
      //cria referência a tabela e aos campos input (filhos da tabela)
      var tbFilmes = document.getElementById("tbFilmes")
      var ckExcluir = tbFilmes.getElementsByTagName("input")
  
      var status = ckTodos.checked        //obtém status de ckTodos
  
      //percorre os demais checkbox para aplicar o status
      for (var i = 1; i < ckExcluir.length; i++) { 
          ckExcluir[i].checked = status
      }
  })
  
  function removerFilmes() {
      //cria referência à tabela e aos campos input (filhos da tabela)
      var tbFilmes = document.getElementById("tbFilmes")
      var ckExcluir = tbFilmes.getElementsByTagName("input")
  
      var temSelecionado = false          //para verificar se há filmes selecionados
  
      //percorre campos input type checkbox da tabela (exceto "todos" no título)
      for (var i = 1; i < ckExcluir.length; i++) {
          if (ckExcluir[i].checked) {         //se está selecionado
              temSelecionado = true           //muda valor da flag
              break                           //sai da repetição
          }
      }
  
      //se não temSelecionado (se valor da variável é false)
      if (!temSelecionado) {
          alert("Não há filmes selecionados para exclusão")
          return
      }
  
      //solicita confirmação de exclusão dos filmes selecionados
      if (confirm("Confirma Exclusão dos Filmes Selecionados?")) {
          //exclui conteúdo armazenado em localStorage
          localStorage.removeItem("filmesTitulo")
          localStorage.removeItem("filmesGenero")
  
          //primeiro irá gravar em localStorage os filmes não selecionados
          for (i = 1; i < ckExcluir.length; i++) {
              //se não está selecionado (para exclusão)
              if (!ckExcluir[i].checked) {
                  //obtém o conteúdo da tabela (coluna 0: título; coluna 1; gênero)
                  var titulo = tbFilmes.rows[i].cells[0].textContent
                  var genero = tbFilmes.rows[i].cells[1].textContent
                  gravarFilme(titulo, genero)             //chama gravarFilme com dados da tabela
              }
          }
          //agora irá remover as linhas selecionadas (do fim para o início)
          for (i = ckExcluir.length - 1; i > 0; i--) {
              if (ckExcluir[i].checked) {
                  tbFilmes.deleteRow(i)       //remove a linha
              }
          }
          ckExcluir[0].checked = false        //desmarca ckTodos (que é o input 0)
      }
  }
  var btExcluir = document.getElementById("btExcluir")
  btExcluir.addEventListener("click", removerFilmes)
  