JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="result-0"></ul>
<hr />
<ul id="result-1"></ul>
JavaScript
var nums = [2,3,4,5,6];
nums.forEach(function(value, index, arr) {
$('<li>', {
id: "item" + index,
text: value
}).appendTo('#result-0')
});
nums = nums.map(function(v,i,arr) {
return v * i;
});
console.log('nums',nums);
nums.forEach(function(value, index, arr) {
$('<li>', {
id: "new-item" + index,
text: value
}).appendTo('#result-1')
});