Показывать массивы с помощью ForEach в элементах HTML

У меня есть сценарий, и мне нужно показать результат в <td id="nombre"></td> | <td id="valor"></td>. У меня есть следующее:

HTML:

<p id="entrada" style="display:none;">
Cowbell 210 gp
    5 gp
Empty Potion Flask (Medium) 5 gp
Empty Potion Flask (Large)  5 gp
Execowtioner Mask   240 gp
Giant Pacifier  170 gp
Glob of Glooth  125 gp
Glooth Injection Tube   350 gp
</p>

<td id="nombre"></td> | <td id="valor"></td>

Javascript:

let nombreValorList = document.getElementById("entrada").innerHTML.split(/\n/).filter(n => n);
const nombreRE = /[a-z ]+/i; //letras y espacios
const cantidadesRE = /[0-9]* ?[0-9]+/ //numeros
let nombres = nombreValorList.map(nv => {
  if (nv){
   const r= nv.match(nombreRE)[0].trim();
   return r
  }
});

let precios = nombreValorList.map(nv => {
  if (nv){
   const r= nv.match(cantidadesRE)[0].replace(/ /g,'');
   return r
  }
});

nombres.forEach(element => document.write('<div>-' + element + '-</div>'));

precios.forEach(element => document.write('<div>-' + element + ' gp' + '-</div>'));

Я пытался изменить:

nombres.forEach(element => document.write('<div>-' + element + '-</div>'));
precios.forEach(element => document.write('<div>-' + element + ' gp' + '-</div>'));

от:

document.getElementById("nombre").innerHTML
document.getElementById("valor").innerHTML

И это не сработало для меня. Заранее спасибо!

1
задан 30.11.2019, 16:34
1 ответ

В переменную element agrГ©gale .val () nombres.forEach(element => document.write('<div>-' + element.val() + '-</div>')); или он помещает debugger внутри foreach, чтобы знать, есть ли у него данные, или которого он формирует esta получая внутри. Привет

1
ответ дан 01.12.2019, 10:33