JSFiddle - React, Tailwind, and code Playground

by Maiki Nahara

HTML

<p id='myspan'></p>

JavaScript

var el = document.getElementById('myspan')
var header = "Description|Base|Best|Worst".split('|')
var desc = "Ingridient 1|Ingridient 2|Ingridient 3|Price of unselected ingridients|Average Feed Cost|Current Price - Live|Break Even Price - Live|Margin, $/Year|Rsik or Reward".split('|')
var fields = []

debugger

//for (var k = 0; k <  header.length; k++ ){
	for (var i = 0; i < desc.length; i++) {
		fields.push({
    	[header[0]]: desc[i],
      [header[1]]: 'Current',
      [header[2]]: 'Best',
      [header[3]]: 'Worst'
      
    })
	}
//}



el.innerHTML = JSON.stringify(fields, null, 2)