отображение пользовательского ввода на странице (руль) - PullRequest
Новая
       7

отображение пользовательского ввода на странице (руль)

0 голосов
/ 29 мая 2020

как я могу это исправить, чтобы вводимые пользователем данные отображались на экране в указанной комнате чата или пользовательском разделе. Я хочу, чтобы введенный ими текст отображался после нажатия кнопки для каждой формы. 

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
    <script type="text/javascript">
      const template = Handlebars.compile("<li>chat room : {value}</li>");

      function list() {
        Document.querySelector('#log').onclick = ()  => {
          var room = document.getElementById("rooms").value;
          const content = template({'value': room});
          document.querySelector('#nav').innerHTML += content;
      };
      function regis(){
        Document.queryselector('#register').onclick = ()=>{
          const username = document.getElementById("username")
          Document.queryselector('#user').innerHTML = username;
          Localstorage.setItem('username', username);
      };
    };
  };
    </script>

    <form>
      <input name="username"  placeholder="username">
      <button function ="regis" id="register"> Register </button>
    </form>
    <form>
      <input name="rooms"  placeholder="room name">
      <button function="list" id="log"> Create Chat room! </button>
  </form>
  <p>user:<span id="user"></span></p>
  <p> chat rooms:</p>
  <ul id="nav">
  </ul>
...