Почему не пропадает инпут?

Почему при загрузке приветствия инпут не пропадает? Повторяла код за преподавателем в уроке, у него получается, у меня нет.

<form class="form js-form">
   <input type="text" placeholder="Как вас зовут?">
</form>
   <h2 class="greetings js-greetings"></h2>
   <script src="greetings.js"></script>

.form,
.greetings {
    display: none;
}

.greetings {
    font-size: 18px;
    color: blue;
}

.showing {
    display: block;
}

const form = document.querySelector(".js-form"),
      input = form.querySelector("input"),
      greetings = document.querySelector(".js-greetings");
const USER_LS = "currentUserName";
const SHOWING_CLASS_NAME = "showing";


function saveUserName(text) {
    localStorage.setItem(USER_LS, text);
}

function submitHandler(event) {
    event.preventDefault();
    const inputValue = input.value;
    showGreeting(inputValue);
    saveUserName(inputValue);
}

function showGreeting(text) {
     greetings.innerText = `Привет, ${text}`;
     greetings.classList.add(SHOWING_CLASS_NAME);
     form.classList.remove(SHOWING_CLASS_NAME);
}

function askForUserName() {
    form.classList.add(SHOWING_CLASS_NAME);
    form.addEventListener("submit", submitHandler);
}

function loadUserName() {
    const currentUserName = localStorage.getItem(USER_LS);
    if (currentUserName === null) {   
        askForUserName();
    } else {
        showGreeting(currentUserName);
    }
}

function init() {
    loadUserName();
}

init();