Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Melhores práticas na manipulação do DOM

Referente ao curso JavaScript : Programando na linguagem da web

por Fábio Gimenes
| 139.2k xp | 49 posts
var pacienteNovo = "<tr class='paciente'>"+
                            "<td class='info-nome'>" + campoNome.value + "</td>"+
                            "<td class='info-peso'>" + campoPeso.value + "</td>"+
                            "<td class='info-altura'>" + campoAltura.value + "</td>"+
                            "<td class='info-imc'>"+campoPeso.value/(campoAltura.value*campoAltura.value)+"</td>"+
                        "</tr>";

Olá, gostaria de saber se o código acima é considerado uma gambiarra. Isso porque não me parece muito certo pegar os valores de um campo e concatenar com uma String, sem contar que não acho que gerar uma String com um elemento HTML, seja uma boa ideia. Mas não sei posso estar errado.

Att, obrigado.

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!
por Matheus Henrique Castiglioni
| 5308.1k xp | 9007 posts
Instrutor

Pedro, esse tipo de código pode ser feito de várias maneiras, a primeira seria criar os elementos com javascript um por um.

let td = document.createElement('TD');
td.classList.add(?);
td.textContent = ?;

Bastaria montar um array e para cada posição criar um TD, na segunda podemos utilizar o novo recurso do javascript que evita concatenar strings:

let mensagem = `Uma mensagem de bom dia para ${variavel}`;

Veja que utilizo crases e para informar o variável basta coloca-la dentro de ${}.

Espero ter ajudado.