JSFiddle - React, Tailwind, and code Playground

by Kristian Jabilles

HTML

<div id="test" class="test"></div>

CSS

.test {
  background: red;
  margin: 12px;
  padding: 12px;
}

JavaScript

const persons = [
  {
		name: 'Kristian Jabilles',
    age: 34
  },
  {
		name: 'Natasha Denser',
    age: 24
  },
  {
		name: 'Kingkido',
    age: 12
  },
  {
		name: 'Nini',
    age: 12
  },
  {
		name: 'Happy',
    age: 12
  },
  {
		name: 'Tedted',
    age: 12
  },
]

const container = document.getElementById('test');

for({age, name} of persons){
  var newDiv = document.createElement('div')
  //newDiv.innerHTML = `${name} - ${age}`;
  newDiv.innerHTML = name + '-' + age;

  container.appendChild(newDiv)
}