pageHTML/Menu.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="Menu.css" />
    <title>Menu Veilleuse connectée</title>
    
    <script src="jquery.js"></script>
    <script type= "text/javascript">
      window.WebSocket = (window.WebSocket || window.MozWebSocket);
      var websocket = new WebSocket('ws://192.168.43.222:9000', 'myprotocol');
      websocket.onerror=function(){ $('h1').css('color','red');};
      websocket.onopen=function(){ $('h1').css('color','green');};
      
      webscket.onmessage=function(message){
      console.log(message.data);
      $('#messages').append($('<p>',{ text: message.data}));
	};
	
	function etat(){
	var message=$('#myonoffswitch').checked;
	websocket.send(message);
	}
	
    </script>
    
   
  </head>
  
  <body>
    <h1 class = "introduction">Bienvenue sur le menu de votre veilleuse connectée</h1>
    
    <ul class = "choix">
      <li><h2><a href="intensite.html">Changement de l'intensité</a></h2></li>
      <li><h2><a href = "couleur.html">Changement de la couleur</a></h2></li>
      <li><h2><a href = "mode.html">Sélection du mode</a></h2></li>
    </ul>
    <h4 classe = "etat">Etat de la veilleuse</h4>
    <div class="onoffswitch">
      <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
      <label class="onoffswitch-label" for="myonoffswitch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
      </label>
    </div>
  </body>
</html>