[Pavel_16]

form.addEventListener("click", event => {
    let { target } = event;
    let txt = username.value.trim();
    if (target == newname) {
      localStorage.removeItem('userName');
   *!*   
      event.preventDefault();
      window.location.reload(); 
   */!*
    } else if (txt) {
      localStorage.setItem("userName", txt);
      form.action = 'play.html'//переход на страницу игры
    } else event.preventDefault()
  })
});

Получается когда есть имя уже, нажимаешь ,,новый игрок"- оно выкидывает все равно на главную страницу, а по нормальному должно в этом окне оставаться, просто появится вместо имени поле для ввода.?!

Может в DOM не правильно сделано?

<h1></h1>
                  <form action="play.html" >
                  <input name="username" hidden="hidden" required="required" pattern="^[a-zA-Z]+$" placeholder="Имя на латинице!">
                  <input name="newname" type="submit" value="Новый игрок" hidden="hidden" placeholder="Имя на латинице!" pattern="^[a-zA-Z]+$">
                  <input name="next" type="submit" value="Продолжить">
                  </form>