DipanshKhandelwal/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset=utf-8>
   <title>HTML5 Socket</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
   <script>
      const socket = io.connect('ws://localhost:8080', { transports: ['websocket'] });
      console.log(socket);
      socket.on('connect', () => {
         console.log("connection established", socket.id);
      });

      socket.on("DATA_CHANGED", (data1) => {
         console.log("====data1======", data1)
      });

      function getvalue() {
         console.log("===== IN GET VALUE==============");
         let input = {
            path: "ROOT/DEBUG/CALLS/testingVar",
         };
         socket.emit("GET_VALUE", input, (data) => {
            console.log("RESPONSE GET_VALUE : ", data);
         });
         return;
      }

      function addNode() {
         console.log("===== IN ADD NODE==============");
         let input = {
            path: "ROOT/DEBUG/CALLS/testingVar",
            data: {
               "a": 10
            }
         };
         socket.emit("PUSH", input, (data) => {
            console.log("RESPONSE PUSH : ", data);
         });
         return;
      }

      function updateChild() {
         console.log("===== IN UPDATE CHILDREN==============");
         let input = {
            path: "ROOT/DEBUG/CALLS/testingVar",
            data: {
               "b": 20
            }
         };
         socket.emit("UPDATE_CHILDREN", input, (data) => {
            console.log("RESPONSE UPDATE_CHILDREN : ", data);
         });
         return;
      }

      function removeNode() {
         console.log("===== IN REMOVE VALUE==============");
         let input = {
            path: "ROOT/DEBUG/CALLS/testingVar",
         };
         socket.emit("REMOVE_VALUE", input, (data) => {
            console.log("RESPONSE REMOVE_VALUE : ", data);
         });
         return;
      }

   </script>
</head>
<body>
   <div>
      <button onclick="return getvalue();">Get Data</button>
      </br>
      <button onclick="return addNode();">Add Node</button>
      </br>
      <button onclick="return updateChild();">Update Child</button>
      </br>
      <button onclick="return removeNode();">Remove Node</button>
      </br>
   </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset=utf-8>
	<title>HTML5 Socket</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
	<script>
	const socket = io.connect('ws://localhost:8080', { transports: ['websocket'] });
	console.log(socket);
	socket.on('connect', () => {
	console.log("connection established", socket.id);
	});

	socket.on("DATA_CHANGED", (data1) => {
	console.log("====data1======", data1)
	});

	function getvalue() {
	console.log("===== IN GET VALUE==============");
	let input = {
	path: "ROOT/DEBUG/CALLS/testingVar",
	};
	socket.emit("GET_VALUE", input, (data) => {
	console.log("RESPONSE GET_VALUE : ", data);
	});
	return;
	}

	function addNode() {
	console.log("===== IN ADD NODE==============");
	let input = {
	path: "ROOT/DEBUG/CALLS/testingVar",
	data: {
	"a": 10
	}
	};
	socket.emit("PUSH", input, (data) => {
	console.log("RESPONSE PUSH : ", data);
	});
	return;
	}

	function updateChild() {
	console.log("===== IN UPDATE CHILDREN==============");
	let input = {
	path: "ROOT/DEBUG/CALLS/testingVar",
	data: {
	"b": 20
	}
	};
	socket.emit("UPDATE_CHILDREN", input, (data) => {
	console.log("RESPONSE UPDATE_CHILDREN : ", data);
	});
	return;
	}

	function removeNode() {
	console.log("===== IN REMOVE VALUE==============");
	let input = {
	path: "ROOT/DEBUG/CALLS/testingVar",
	};
	socket.emit("REMOVE_VALUE", input, (data) => {
	console.log("RESPONSE REMOVE_VALUE : ", data);
	});
	return;
	}

	</script>
	</head>
	<body>
	<div>
	<button onclick="return getvalue();">Get Data</button>
	</br>
	<button onclick="return addNode();">Add Node</button>
	</br>
	<button onclick="return updateChild();">Update Child</button>
	</br>
	<button onclick="return removeNode();">Remove Node</button>
	</br>
	</div>
	</body>
	</html>