Połączenie dwóch zmiennych w nodejs socket.io

pytanie zadane 1 lipca 2018 w JavaScript przez Kamil Batorski Obywatel (1,870 p.)
zmienione kategorie 1 lipca 2018 przez Patrycjerz

Witam,

Chciał bym aby zmienna z inputa o nazwie "name" wyświetlała się obok wiadomości. Nie mam pojęcia jak połączyć te dwie zmienne, proszę o rady.

Pozdrawiam, Kamil.

Kod #1:

   <ul id="messages"></ul>

   <form action="">
      <input id="name" autocomplete="off" value="Twój nick" />
      <input id="msg" autocomplete="off" /><button>Wyslij</button>
   </form>



	
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
<script>
var socket = io();

$('form').submit(function(){
   socket.emit('message', $('#msg').val());
   $('#msg').val('');
   $('#name').val('');
   return false;
});

socket.on('message', function(msg){
   $('#messages').append($('<li>').text(msg));
   $("html, body").scrollTop($(document).height());
});

Kod #2:

io.sockets.on('connection', function (socket) {

   console.log("Socket connected.");
   
   socket.on('message', function(msg){
     io.emit('message', msg);
	 io.emit('nickname', nick);
   });
  
});

1 odpowiedź

odpowiedź 2 lipca 2018 przez sebeks Mądrala (5,300 p.)
wybrane 2 lipca 2018 przez Kamil Batorski

Najlepsza

Nie możesz po prostu połączyć dwóch stringów w jeden? Nie znam się na socket.io, ale w JavaScript możesz utworzyć element (węzeł obiektu DOM) np. <div> dodać mu wewnętrzny inny html np <span> i dołączyć do dokumentu. Poczytaj tu:

https://developer.mozilla.org/pl/docs/Web/API/Document/createElement

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

komentarz 2 lipca 2018 przez Kamil Batorski Obywatel (1,870 p.)

Dziękuje za odpowiedz. Czyli tym sposobem mogę rozwiązać problem lecz czy w tym divie mogę dodać zmienną? Myślę że oczywiście! Sprawdzę i wieczorem dam odpowiedz czy się udało.

komentarz 2 lipca 2018 przez Kamil Batorski Obywatel (1,870 p.)

socket.emit('message', $('#nick').val() + ' » ' + $('#msg').val());

Problem rozwiązany! <3 Dzięki za rade.

komentarz 2 lipca 2018 przez sebeks Mądrala (5,300 p.)

DOM, czyli document object model składa się z węzłów, czyli z elementów typu div, h1 itd. Węzeł może zawierać tekst lub nie musi. Skrypt JS może wstawić zmienną właśnie do tego węzła jako zawartość tekstową, ale pewnie zmienna powinna być stringiem, ale to sobie już sam sprawdzisz.

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent