Не могу запустить HTML-код через опцию VS-кода «запустить и отладить» ⇐ CSS

[Anonymous]

Я новичок в вопросах html/css и js, однако мне хотелось попробовать и сделать простую веб-страницу, состоящую из двух html-файлов. При предоставлении данных на одну страницу приложение должно отправить их на вторую страницу через js, переключиться на нее и отобразить предоставленные данные.

index.html

Страница регистрации [*] Регистрация Имя Фамилия Электронная почта Выход успех.html

Отменить ответ style.css

@keyframes Backz { 0%{background-position:93% 0%;} 50%{background-position:0% 100%;} 100%{background-position:93% 0%;} } @-o-keyframes Backz { 0%{background-position:93% 0%;} 50%{background-position:0% 100%;} 100%{background-position:93% 0%;} } @-webkit-keyframes Backz { 0%{background-position:93% 0%;} 50%{background-position:0% 100%;} 100%{background-position:93% 0%;} } @-moz-keyframes Backz { 0%{background-position:93% 0%;} 50%{background-position:0% 100%;} 100%{background-position:93% 0%;} } @keyframes запускает { с {сверху: 20%; непрозрачность: 0,0;} до {верх: 50%; непрозрачность: 100%;} } *{ маржа: 0; заполнение: 0; семейство шрифтов: «Arial, Helvetica», без засечек; размер коробки: граница-коробка; } .контейнер{ ширина: 100%; минимальная высота: 100vh; размер фона: 600% 600%; фон: линейный градиент (110 градусов, #800080, #0000FF); анимация: Backz 1s, облегчение 0s, бесконечное движение назад вперед; -o-анимация: Backz 1s бесконечна; -moz-анимация: Backz 1s бесконечна; -webkit-animation: Backz 1s становится бесконечным; имя анимации: Backz; продолжительность анимации: 1 с; количество итераций анимации: бесконечно; } .форма{ ширина: 80%; максимальная ширина: 200 пикселей; высота: 500 пикселей; выровнять-элементы: по центру; цвет фона: белый; граница: 100 пикселей черная; радиус границы: 10 пикселей; цвет границы: черный; маржа: 0; позиция: абсолютная; верх: 50%; осталось: 50%; -ms-transform: транслировать(-50%, -50%); трансформировать: транслировать(-50%,-50%); отступы: 40 пикселей 40 пикселей 40 пикселей 40 пикселей; имя-анимации: запуск; продолжительность анимации: 3 с; количество итераций анимации: 1; дисплей: гибкий; flex-wrap: обертка; } .form h1{ семейство шрифтов: «Вердана», Женева, Тахома, без засечек; размер шрифта: большой; } .form h2{ семейство шрифтов: «Вердана», Женева, Тахома, без засечек; размер шрифта: средний; поле сверху: 20 пикселей; выровнять-сам: центр; } .form input{ ширина: 100%; минимальная ширина: 100 пикселей; поле сверху: 20 пикселей; радиус границы: 10 пикселей; выравнивание текста: по центру; } кнопка .form{ правильно: 25%; -ms-transform: TranslateX(25%); трансформировать: TranslateX(25%); поле сверху: 20 пикселей; ширина: 50%; минимальная ширина: 80 пикселей; радиус границы: 10 пикселей; дисплей: встроенный; } .Информация{ ширина: 80%; максимальная ширина: 200 пикселей; высота: 200 пикселей; выровнять-элементы: по центру; цвет фона: белый; граница: 100 пикселей черная; радиус границы: 10 пикселей; цвет границы: черный; маржа: 0; позиция: абсолютная; верх: 50%; осталось: 50%; -ms-transform: транслировать(-50%, -50%); трансформировать: транслировать(-50%,-50%); имя-анимации: запуск; продолжительность анимации: 3 с; количество итераций анимации: 1; дисплей: гибкий; flex-wrap: обертка; } и последний script.js

const username = document.getElementById("name"); const userurname = document.getElementById("фамилия"); const useremail = document.getElementById("электронная почта"); функция отправить(){ если(имя пользователя==='') { если(имя пользователя==='') { если(useremail==='') { } еще document.getElementById("error").value = "адрес электронной почты не указан"; } еще document.getElementById("error").value = "фамилия не указана"; } еще document.getElementById("error").value = "имя не указано"; } Однако программа страдает от нескольких проблем, которые я даже не могу идентифицировать, потому что я не могу запустить код через сам код VS, поскольку все, что я получаю, это, по сути, вечно загружающаяся веб-страница, в то время как все предварительные просмотры, которые у меня есть, работают просто отлично. Что мне делать, чтобы браузер загружал HTML при запуске?

В дополнение, вот список проблем, с которыми я сейчас сталкиваюсь и которые, возможно, кто-то знает, как решить:
Градиентная анимация не работает, хотя код работает правильно. [*]Функция js не запускается кнопкой (она должна как минимум присвоить новое значение h2 с идентификатором «ошибка» [*]Текст и кнопка не центрированы должным образом, и я не знаю, как этого добиться.
Спасибо за ваши ответы.