JSFiddle - React, Tailwind, and code Playground

by Daniel McGrath

HTML

<body>
<h1>Fruit</h1>
</body>

CSS

body {
  background-color: white;
  text-align: center;
  width: 450px;
  margin: 0;
  padding: 0;
}

p1 {
  color: blue;
  font-family: arial;
}

p2 {
  color: blue;
  font-family: arial;
}

p3 {
  font-family: arial;
}

JavaScript

var fruit_pic = document.createElement("IMG")
fruit_pic.setAttribute("src", "https://melbournechapter.net/images/fruit-transparent-berry-6.png");
fruit_pic.setAttribute("width", "90");
fruit_pic.setAttribute("height", "60");
document.body.appendChild(fruit_pic);