From 611a1c3478169ae196bf20bb1e23135486b9a73d Mon Sep 17 00:00:00 2001
From: Kresna <satyakresna6295@gmail.com>
Date: Fri, 20 May 2022 04:59:55 +0800
Subject: [PATCH] chore(examples/socket.io-chat-app): use vanilla JS instead of
 jquery for DOM manipulation (#428)

---
 examples/socket.io-chat-app/index.html | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/examples/socket.io-chat-app/index.html b/examples/socket.io-chat-app/index.html
index f2ad7b80..8503116f 100644
--- a/examples/socket.io-chat-app/index.html
+++ b/examples/socket.io-chat-app/index.html
@@ -24,21 +24,18 @@
 	</form>
 
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.min.js"></script>
-	<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
 
 	<script>
-		$(() => {
-			var socket = io()
+		var socket = io()
 
-			$('form').submit(() => {
-				socket.emit('chat message', $('#m').val())
-				$('#m').val('')
+		document.querySelector('form').addEventListener('submit', (e) => {
+			e.preventDefault();
+			socket.emit('chat message', document.getElementById('m').value);
+			document.getElementById('m').value = '';
+		});
 
-				return false
-			})
-			socket.on('chat message', msg => {
-				$('#messages').append($('<li>').text(msg))
-			})
+		socket.on('chat message', msg => {
+			document.getElementById('messages').insertAdjacentHTML('beforeend', `<li>${msg}</li>`);
 		});
 	</script>
 </body>