Add chat-weather-overlay as weather_overlay sub-project
This commit is contained in:
27
weather_overlay/test_websocket.html
Normal file
27
weather_overlay/test_websocket.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>WebSocket Test</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>WebSocket Test</h1>
|
||||
<input type="text" id="message" placeholder="Enter message">
|
||||
<button onclick="sendMessage()">Send</button>
|
||||
<ul id="messages"></ul>
|
||||
<script>
|
||||
const ws = new WebSocket("ws://localhost:8000/ws");
|
||||
ws.onmessage = function(event) {
|
||||
const messages = document.getElementById('messages');
|
||||
const message = document.createElement('li');
|
||||
const content = document.createTextNode(event.data);
|
||||
message.appendChild(content);
|
||||
messages.appendChild(message);
|
||||
};
|
||||
function sendMessage() {
|
||||
const input = document.getElementById("message");
|
||||
ws.send(input.value);
|
||||
input.value = '';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user