New JS for my regpage

let chatbox = localStorage.getItem('chatToggle'); // chat-box
const toggler = document.querySelector(".chat-toggler");

const enableChat = () => {
  document.querySelector('.chat-box').classList.add('enabled');

  localStorage.setItem('chatToggle', 'Enabled');
}

const disableChat = () => {
  document.querySelector('.chat-box').classList.remove('enabled');

  localStorage.setItem('chatToggle', null);
}

if(chatbox === "Enabled") {
  enableChat();
}

toggler.addEventListener('click', () => {
  chatbox = localStorage.getItem('chatToggle');
  if(chatbox !== "Enabled") {
    enableChat();
  }else{
    disableChat();
  }
});

function chatSystem(selector, file) {
  var req = new XMLHttpRequest();
  req.onreadystatechange = function() {
    if(req.readyState == 4 && req.status == 200) {
      document.querySelector(selector).innerHTML =  req.responseText;
    }
  }
  req.open('GET', file, true);
  req.send();
}
setInterval(function(){chatSystem(".chat-screen", "functions/chat.php")},1000);
$(document).ready(function(){
  $('.myForm').submit(function (event) {
    var data = $(this);
    $.ajax({
      type: data.attr('method'),
      url: data.attr('action'),
      data: data.serialize(),
      success: function (data) {
        $('.output').html(data);
        $('.myForm input:NOT([type=submit])').val('');
        setTimeout(
          function () {
            location.reload();
          }, 2000
        );
      }
    });
    event.preventDefault();
  });
  $('.chatform').submit(function (event) {
    var data = $(this);
    $.ajax({
      type: data.attr('method'),
      url: data.attr('action'),
      data: data.serialize(),
      success: function (data) {
        $('.chatform input:NOT([type=submit])').val('');
      }
    });
    event.preventDefault();
  });
});