Это короче html, в нем на кнопке висит при клике функция, которая просто получает значение из одного input'a и выводит в консоль, но тут нахуй мистика и в консоль выводится буквально пустота Вот что выводит в консоль: это че за хуйня? function studentAdd() { let studyStart = document.getElementById('studyStart').value console.log(studyStart); } JS function studentAdd() { let studyStart = document.getElementById('studyStart').value console.log(studyStart); } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <script defer src="./main.js"></script> <title>Таблица студентов</title> </head> <body> <div class="container"> <h2>Фильтры</h2> <form action=""> <input id="filterFIO" name="filterFIO" type="text" placeholder="Ф.И.О"> <input id="filterFacult" name="filterFacult" type="text" placeholder="Факультет"> <input id="studyStart" name="studyStart" type="text" placeholder="Год начала обучения"> <input id="studyEnd" name="studyEnd" type="text" placeholder="Год окончания обучения"> </form> <h2>Добавить студента</h2> <form action="" class="filter" id="filter"> <input id="name" name="name" type="text" placeholder="Имя" required> <input id="surname" name="surname" type="text" placeholder="Фамилия" required> <input id="fullname" name="fullname" type="text" placeholder="Отчество"> <input id="studyStart" name="studyStart" type="number" placeholder="Год начала обучения"> <input id="birth" name="birth" type="number" placeholder="Введите год рождения"> <input id="facult" name="facult" type="text" placeholder="Факультет" required> <button type="button" name="submit" class="filter-search" onclick="studentAdd()"></button> </form> <div class="filters"> <div class="button"></div> </div> <div class="student"> <div class="student-named"> <span class="student-name name">Ф. И. О.</span> <span class="student-name facult">Факультет</span> <span class="student-name birth">Год рождения</span> <span class="student-name end">Год окончания обучения</span> </div> <div class="student-items"> </div> </div> </div> <script> document.querySelector(".filter-search").addEventListener("click", function(event){ event.preventDefault() }); </script> </body> </html> HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <script defer src="./main.js"></script> <title>Таблица студентов</title> </head> <body> <div class="container"> <h2>Фильтры</h2> <form action=""> <input id="filterFIO" name="filterFIO" type="text" placeholder="Ф.И.О"> <input id="filterFacult" name="filterFacult" type="text" placeholder="Факультет"> <input id="studyStart" name="studyStart" type="text" placeholder="Год начала обучения"> <input id="studyEnd" name="studyEnd" type="text" placeholder="Год окончания обучения"> </form> <h2>Добавить студента</h2> <form action="" class="filter" id="filter"> <input id="name" name="name" type="text" placeholder="Имя" required> <input id="surname" name="surname" type="text" placeholder="Фамилия" required> <input id="fullname" name="fullname" type="text" placeholder="Отчество"> <input id="studyStart" name="studyStart" type="number" placeholder="Год начала обучения"> <input id="birth" name="birth" type="number" placeholder="Введите год рождения"> <input id="facult" name="facult" type="text" placeholder="Факультет" required> <button type="button" name="submit" class="filter-search" onclick="studentAdd()"></button> </form> <div class="filters"> <div class="button"></div> </div> <div class="student"> <div class="student-named"> <span class="student-name name">Ф. И. О.</span> <span class="student-name facult">Факультет</span> <span class="student-name birth">Год рождения</span> <span class="student-name end">Год окончания обучения</span> </div> <div class="student-items"> </div> </div> </div> <script> document.querySelector(".filter-search").addEventListener("click", function(event){ event.preventDefault() }); </script> </body> </html>
Мб форма очищается после отправки, поэтому вывод пустой. Попробуй перед отправкой получить значение Просто в консоли инспектора получи значение после ввода