<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:600" rel="stylesheet">
  <link href="style.css" rel="stylesheet">
</head>

<body>
	<form id="insertTree" onSubmit="return handleInsert()">
		<input id="insertInput" type="text" placeholder="Number to insert" maxlength="4" size="14" autofocus>
		<input type="submit" value="Insert">
	</form>
  <form id="deleteTree" onSubmit="return handleDelete()">
    <input id="deleteInput" type="text" placeholder="Number to delete" maxlength="4" size="14">
    <input type="submit" value="Delete">
  </form>
  <svg></svg>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="tree-creation.js"></script>
  <script src="tree-visualization.js"></script>
</body>