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