| 
<!DOCTYPE html><html lang="en">
 
 <head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>PHP Web Socket</title>
 </head>
 
 <body>
 <div>
 <button onclick="sendMessage()">Send Message</button>
 </div>
 <script>
 var conn = new WebSocket('ws://localhost:8080');
 conn.onopen = function(e) {
 console.log("Connection established!");
 };
 //check if connection error
 conn.onerror = function(e) {
 console.log("Connection error!");
 };
 
 conn.onmessage = function(e) {
 console.log(e.data);
 };
 
 function sendMessage() {
 conn.send('Hello World!');
 console.log('Message sent!');
 }
 </script>
 </body>
 
 </html>
 |