mirror of
				https://github.com/KevinMidboe/delugeClient.git
				synced 2025-10-29 12:00:13 +00:00 
			
		
		
		
	Updated with text input field.
This commit is contained in:
		
							
								
								
									
										10
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										10
									
								
								index.html
									
									
									
									
									
								
							@@ -4,13 +4,18 @@
 | 
				
			|||||||
        <title>WebSocket demo</title>
 | 
					        <title>WebSocket demo</title>
 | 
				
			||||||
    </head>
 | 
					    </head>
 | 
				
			||||||
    <body>
 | 
					    <body>
 | 
				
			||||||
 | 
					        <input placeholder="Your name here"></input>
 | 
				
			||||||
 | 
					        <button onclick="sendMessage()">Send message</button>
 | 
				
			||||||
 | 
					        <br />
 | 
				
			||||||
        <span>Message from server: </span>
 | 
					        <span>Message from server: </span>
 | 
				
			||||||
 | 
					        <span id="response"></span>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <script>
 | 
					        <script>
 | 
				
			||||||
 | 
					        function sendMessage() {
 | 
				
			||||||
            let ws = new WebSocket("ws://localhost:8765/")
 | 
					            let ws = new WebSocket("ws://localhost:8765/")
 | 
				
			||||||
            let test = 'hello'
 | 
					            let test = 'hello'
 | 
				
			||||||
            ws.onopen = function (event) {
 | 
					            ws.onopen = function (event) {
 | 
				
			||||||
                ws.send("Kevin");
 | 
					                ws.send(document.getElementsByTagName('input')[0].value);
 | 
				
			||||||
            }
 | 
					            }
 | 
				
			||||||
            ws.onerror = function() {
 | 
					            ws.onerror = function() {
 | 
				
			||||||
                console.error("error");
 | 
					                console.error("error");
 | 
				
			||||||
@@ -20,8 +25,9 @@
 | 
				
			|||||||
            }
 | 
					            }
 | 
				
			||||||
            ws.onmessage = function (event) {
 | 
					            ws.onmessage = function (event) {
 | 
				
			||||||
                let server_resp = event.data;
 | 
					                let server_resp = event.data;
 | 
				
			||||||
                document.getElementsByTagName('span')[0].innerHTML += server_resp;
 | 
					                document.getElementById('response').textContent= server_resp;
 | 
				
			||||||
            }   
 | 
					            }   
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
        </script>
 | 
					        </script>
 | 
				
			||||||
        <script>
 | 
					        <script>
 | 
				
			||||||
            let ws_time = new WebSocket("ws://localhost:5678/"),
 | 
					            let ws_time = new WebSocket("ws://localhost:5678/"),
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user