Meu console acusa um erro no appendChild, como no código da colega Leilane.

listaDeTarefas.js:13 Uncaught TypeError: Cannot read properties of null (reading 'appendChild') at HTMLButtonElement.criarTarefa (listaDeTarefas.js:13)

Parece estar tudo conforme feito na aula.

index

  <form class="form" action="">
    <input class="form-input" type="text" data-form-input>
    <button class="form-button" data-form-button> Novo Item </button>
  </form>

  <ul class="list" data-list>

  </ul>
</div>
<script src="listaDeTarefas.js"></script>

js

const criarTarefa = (evento) => { 

evento.preventDefault();

const lista = document.querySelector('data-list');
const input = document.querySelector('[data-form-input]');
const valor = input.value;

const tarefa = document.createElement('li');
tarefa.classList.add('task');
const conteudo = `<p class="content">${valor}</p>`;

lista.appendChild(tarefa);
input.value = " ";

}

const novaTarefa = document.querySelector('[data-form-button]');

novaTarefa.addEventListener('click', criarTarefa);