Untitled

<html>
	<head>
		<title>GunFun</title>
		<script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/gun/sea.js"></script>
	</head>
	<body>


		<p>Gun Fun</p>
		<form name="signupForm" onSubmit="return validateSignUp(event)">
			Username: <input name="username" type="text"/>
			Password: <input name="unsafePassword" type="password"/>
			<input type="submit" value="Sign up">
		</form>

		<div id="accountStatus">
			Your not signed up in
		</div>


		<script>

		var gun = Gun();
		var user = gun.user();
		console.log(gun);


		function validateSignUp(event) {
			event.preventDefault();
			console.log("validating");
		    var username = document.forms["signupForm"]["username"].value;
		    var password = document.forms["signupForm"]["unsafePassword"].value;
		    if (username == "") {
		        alert("Username must be filled out");
		        return false;
		    }
		    if (password == "") {
		    	 alert("password must be filled out");
		        return false;
		    }
		    console.log(username, password);
		    user.create(username, password, function(ack){
		    	user.auth(username, password, write(username));
				alert(JSON.stringify(ack));


			});
		}

		function write(username){
			console.log("writing");
  var alice = {name: "Alice"};
  alice.boss = {name: "Fluffy", species: "Kitty", slave: alice};
  user.get('profile').put(alice, read());
		}

		function read(){
  			console.log("read...");
  			user.get('profile').get('boss').get('slave').get('name').once(data =>
    console.log("The boss's slave's name is:", data) // Alice
  );

					document.getElementById("accountStatus").innerHTML = "Your Signed Up! boss is  " + data;
  		}


		</script>
	</body>

</html>