Как мне прекратить рендеринг HTML-части страницы после нажатия кнопки?

Question

https://repl.it/@Helixable/LastManStanding

Вот и весь код. Запустите его сами и посмотрите. Здесь слишком много кода и файлов для вставки.

Поэтому я создаю игру на javascript и хочу, чтобы пользователь отправил свое имя пользователя, а поле отправки исчезло, а затем отобразило канву и игру. Прямо сейчас, если вы введете свое имя пользователя, карта будет отображаться на секунду, а затем перенаправится обратно на страницу входа:(Пожалуйста, помогите!

Answer 1

Проблема в вашем UsrSubmit функция на script.js а также index.html страницы. Вы хотите, чтобы форма передавала данные, но на самом деле не отправляла. В index.html, добавить e аргумент для вызова функции:

<button type="submit" onclick="UsrSubmit(e)">Play</button>

И в твоем script.js:

function UsrSubmit(event) {
    event.preventDefault();
    //Rest of your code
}

И теперь это должно перейти прямо на страницу игры.