JSFiddle - React, Tailwind, and code Playground

by nukeboy212

HTML

<h1 id="ai">
You can talk to the nice AI!
</h1>
<button ID="talk">
  Talk With The AI!
</button>
<button id="option1">

</button>
<button id="option2">

</button>
<button id="option3">

</button>
<button id="option4">

</button>
<h2 id = "money">
Money:
</h2>
<h4 id="hidden">

</h4>

CSS

h1 {
  text-align: center;
  color: green;
}

button {
  margin-left: 400px;
  width: 200px;
}
#money {
	text-align: right;
	margin-right: 50px;
	margin-top: 450px;
}

JavaScript

var money = 0;
$("#money").text("Money: " +  money);
function Node(aItext, text1, text2, text3, text4) {
  this.aItext = aItext;
  this.text1 = text1;
  this.text2 = text2;
  this.text3 = text3;
  this.text4 = text4;
  this.opt1 = null;
  this.opt2 = null;
  this.opt3 = null;
  this.opt4 = null;
}
var root = new Node("Hello", "No", "Ok", "Hi", "No, no hi!");
var location = root;
var nonode = new Node("What do you mean", "Uhhh...", "You are stupid", "I don't want to say hi", "What do you mean??"); 
root.opt1 = nonode;
//opt 1 root*********************************************************************************
root.opt1.opt1 = new Node("Still don't know what you mean", "You are stupid", "Hello", "I don't want to say hi", "Bye");
root.opt1.opt2 = new Node("That is rude!", "No it's not!", "Sorry", "You are still stupid", "Don't be sensitive!");
root.opt1.opt3 = new Node("Just say hi!", "I don't want to", "Why should hi?", "Hi", "You say hi!");
root.opt1.opt4 = new Node("When you said no hi!", "Ohhhh!!", "Okay fine, hi", "Say bye back", "Still don't know what you mean.");
//opt1.opt1 root*****************************************************************************
root.opt1.opt1.opt1 = new Node("","","","", "");
root.opt1.opt1.opt2 = new Node("","","","", "");
root.opt1.opt1.opt3 = new Node("","","","", "");
root.opt1.opt1.opt4 = new Node("","","","", "");
//*******************************************************************************************
//*******************************************************************************************
root.opt2 = new Node("You don't seem excited...", "Why would I be excited?", "I am excited!", "I'm not excited", "I don't like introductions");
root.opt3 = new Node("Hello", "How are yi", "How are you", "Hi", "I am not going to say hello");
root.opt4 = new Node("That's rude", "No it's not", "Sorry", "Don't be sensitive", "I don't want to talk with...