JSFiddle - React, Tailwind, and code Playground

by LyndseyB

HTML

<div id="people">
</div>

JavaScript

var people = {
	zoe: {
     name: "zoe",
     interests: ["css", "water"],
  },
  lyndsey: {
  	name: "Lyndse",
    interests: ["js"],
  }
};

var keys = Object.keys(people);
var html = keys.map(function(name, index) {
	var person = people[name];
  
  var ui = "<div>" + person.name + "</div>";
  
  return ui;
});