JSFiddle - React, Tailwind, and code Playground

by Boban Stojanovski

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Baby Names</title>
	<style>
	 #baby-names {
       display:flex;
       flex-direction: column;
       flex-wrap: wrap;
       align-content: center;
       align-items: center;       
       justify-content: center;    
     }
	</style>
  </head>
  <body>
    <div id="baby-names">
	  <p>Stacy</p>
	  <p>John</p>
	  <p>Peter</p>
	</div>
  </body>
</html>

JavaScript

"use strict";
let plants = ["Oak", "Elm", "Beech"];
plants['Tree'] = "Ash";
plants["Tree"] = "Cherry";
plants["Flower"] = "Rose";
var garden = [];
for (let plant in plants) {
    garden.push(plant);
}
for (let plant of plants) {
    garden.push(plant);
}

console.log(garden)