1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
   socket.on('chat message', function(msg) {
      console.log(msg)
      //$('#messages').append($('<li>').text('<h2>asdkljasd</h2>'));
      var button = `
      <div class = "dropdown" >
         <button onclick = "myFunction()" class = "dropbtn" > Dropdown </button>
         <div id = "myDropdown" class = "dropdown-content" >
            <a href = "#home" > Home </a>
            <a href = "#about" > About </a>
            <a href = "#contact" > Contact </a>
         </div>
      </div>
      `
 
      $('#messages').append('<li>' +button + msg + '</li>');
   });
cs


li 요소 안에 저 html 구문이 들어가야 하는데 


이런 형태는 엄청 진짜 완전 별로인것처럼 보이는데 


더 나은 형태가 있을까요? 


자바스크립트는 처음이라 잘 모르겟어서요