Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Meu VS Code reconhece ${valor} como uma simples string

Bom dia.

Meu VS Code não reconhece ${valor} como o conteúdo (input.value) que deve ser colocado dentro do parágrafo. Ele até coloca ${valor} dentro do parágrafo, mas o coloca exatamente dese jeito: "${valor}" e não "comprei um morango".

const criarTarefa = function(evento) {
    evento.preventDefault();
    const input = document.querySelector('[data-form-input]')
    const valor = input.value

    const tarefa = document.querySelector(".content")
    const conteudo = '<p class="content">${valor}</p>'
    tarefa.innerHTML = conteudo



    input.value = " "

}

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

novaTarefa.addEventListener("click", criarTarefa)
1 resposta
solução!

Fala, Bruno! Beleza?

Para utilizar variáveis dentro de strings com ${}, você precisa usar a crase ao invés de aspas (crase: `). Ficando:

const conteudo = `<p class="content">${valor}</p>`

Espero ter ajudado!