diff --git a/zoom/src/public/js/app.js b/zoom/src/public/js/app.js
index 81aa5253..1eb1e3fa 100644
--- a/zoom/src/public/js/app.js
+++ b/zoom/src/public/js/app.js
@@ -13,6 +13,7 @@ let mute = false;
 let camera = false;
 let roomName;
 let myPeerConnection;
+let myDataChannel;
 
 
 async function getCameras() {
@@ -133,6 +134,9 @@ welcomeForm.addEventListener("submit", handleWelcomeSubmit);
 // Socket Code
 
 socket.on("welcome", async () => {
+    myDataChannel = myPeerConnection.createDataChannel("chat");
+    myDataChannel.addEventListener("message", console.log);
+    console.log("made data channel");
     const offer = await myPeerConnection.createOffer();
     myPeerConnection.setLocalDescription(offer);
     console.log("sent the offer");
@@ -140,6 +144,10 @@ socket.on("welcome", async () => {
 })
 
 socket.on("offer", async(offer) => {
+    myPeerConnection.addEventListener("datachannel", (event) => {
+        myDataChannel = event.channel;
+        myDataChannel.addEventListener("message", console.log);
+    });
     console.log("received the offer");
     myPeerConnection.setRemoteDescription(offer);
     const answer = await myPeerConnection.createAnswer();