JSFiddle - React, Tailwind, and code Playground

HTML

<div id="results"></div>

JavaScript

var x = {
    foo: 5,
    bar: 6
};

x.foobar = x.foo+x.bar;

var myDiv = document.getElementById("results");

myDiv.innerHTML='Variable Names...';
for(var variable in x)
{
    //alert(variable);
    myDiv.innerHTML+='<br>'+variable;
}

myDiv.innerHTML+='<br><br>And their values...';
myDiv.innerHTML+='<br>'+x.foo+'<br>'+x.bar+'<br>'+x.foobar;