JSFiddle - React, Tailwind, and code Playground

by akpuggy

HTML

<p id="demo"></p>


<p id="demo2"></p>


<p id="demo3"></p>


<p id="demo4"></p>

JavaScript

var option_1 = {
	"First":"Peter",
	"Last":"Pan",
	"Type":"Boy"
};


document.getElementById("demo").innerHTML = Object.values(option_1)[1];

//Does not work
var x = 1
document.getElementById("demo2").innerHTML = Object.values('option_'+x)[1];

//Does not work
var x = 1
var xFull = 'Object.values(option_'+x+')[1]'
document.getElementById("demo3").innerHTML = xFull;

//Does work
var x = 1
var xFullEval = eval('Object.values(option_'+x+')[1]');
document.getElementById("demo4").innerHTML = xFullEval;