Instruções

Passo 8

Quando o usuário clicar na nota, fizer edições e depois clicar fora da nota, você precisará de uma maneira de obter essa versão recém-editada. Você pode realizar isso usando o evento blur. Este evento é disparado quando um elemento perde o foco. Aqui está um exemplo:
element.addEventListener("blur", () => {
  // do something here
});
Anexe um método addEventListener à variável noteEl. O primeiro argumento deve ser o evento "blur" e o segundo argumento deve ser uma função arrow. Dentro do corpo daquela arrow function, use const para criar uma nova variável chamada newContent e atribua a ela o valor de noteEl.innerHTML. innerHTML é usado aqui para ajudar a preservar o espaçamento e a formatação da nota.

O que fazer:

Testes:

  • Você deve anexar um método `addEventListener` à variável `noteEl`.
  • Seu método `addEventListener` deve ter um primeiro argumento do evento `"blur"`.
  • Dentro do corpo da arrow function, você deve usar `const` para criar uma nova variável chamada `newContent` e atribuir a ela o valor de `noteEl.innerHTML`.

Preview