JSFiddle - React, Tailwind, and code Playground

by smacky311

HTML

<div id="output">
  default content
</div>

<p>
  This is content that never changes
</p>

<h1 style="color:blue;">This is a Blue Heading</h1>

CSS

body {
  color: red;
}

p {
  border: 5px solid #ff99b3;
  padding: 10px;
  margin: 30px;
  font-weight: bold;
  font-style: italic;
  font-family: "Ariel", Times, serif;
}

JavaScript

var output = document.getElementById('output');
//output.innerHTML = "hi";

var names = ["James", "brian", "Jose", "Bobby"];

var jamesLivesInCaliTime = true;
var jamesLivesInNihon = false;
var thirdCheck = false;
var result = "nada";

if (jamesLivesInCaliTime) {
  result = "C U CALI TIME!";
} else if (jamesLivesInNihon) {
  result = "Livinit down in NIHON!!!"
} else if (thirdCheck) {
  result = "JAMES IS A HOMELESS MAN"
}

//var addNumbers = 0;
var maximumNumber = 4;

for (var number = 0; number < 4; number++) {
  //alert(names[number]);
}

//output.innerHTML = addNumbers;