Функция onClick не найдена при нажатии на кнопку, как ее запустить?

Question

WhoAmI02 @WhoAmI02

HTML

Функция onClick не найдена при нажатии на кнопку, как ее запустить?

В html документе есть кнопка, которая при нажатии должна выполнять особое действие. В аргументе onclick указано название функции. Скрипт находится в отдельном js документе. Однако, при нажатии в консоли выходит ошибка о ненахождении функции

Вопрос задан более трёх лет назад
140 просмотров

8 комментариев

Подписаться 1 Средний 8 комментариев

MaksPaverov @MaksPaverov

Не помешал бы сам код

Написано более трёх лет назад
Евгений Ромашкан @EvgeniiR

Вы уверены что документ с функцией в итоге загрузился? Если вы вызовете её из консоли страницы - вызовется?

Написано более трёх лет назад
WhoAmI02 @WhoAmI02 Автор вопроса

Евгений Ромашкан, не вызывается функция

Написано более трёх лет назад
Евгений Ромашкан @EvgeniiR

WhoAmI02, Ну так значит у вас js документ не подгрузился, и вопрос как минимум вообще никак не связан с баттонами и onclick. Смотрите вкладку network в браузере, что не так с загрузкой js фалов.

Написано более трёх лет назад

WhoAmI02 @WhoAmI02 Автор вопроса

MaksPaverov,

function showProfile(){
	let name = getElementById('name').value; // имя
	let userGender;// пол
	if (document.gender[0].checked) userGender = "Мужской"; 
	if (document.gender[1].checked) userGender = "Женский";
	let birthday = document.getElementById('birthday').value; // дата рождения
	let access; // обработка данных
	document.getElementById('access').checked ? access = 'да' : access = "нет";
	let color = document.getElementById('color').value;
	alert(
		'имя: ' + name + '/n пол: ' + userGender '/n дата рождения: ' + birthday '/n + любимый цвет: '
		 + color + '/n Согласие на обработку данных: ' + access;
	);
}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Project 1</title>
	<script src="index.js"></script>	
</head>
<body>
	<button onClick="showForm">Показать форму</button>
	<form action="" class="hidden"></form>
		<div>
			<label for="name">Ваше имя </label>
			<input type="text" name="name" id="name" placeholder="Ваше имя">
		</div>
		<div>
			<input type="radio" name="gender" value="Мужской" id="gender">Мужской
			<input type="radio" name="gender" value="Женский" id="gender">Женский
		</div>
		<div>
			<label for="birthday">Дата вашего дня рождения</label>
			<input type="date" name="birthdayDate" id="birthday">
		</div>
		<div>
			<label for="color">Ваше любимый цвет:</label>
			<select id="color">
				<option value="зеленый">Зеленый</option>
				<option value="красный">Красный</option>
				<option value="синий">Синий</option>
			</select>
		</div>
		<div>
			<input type="checkbox" required name="access" id="access">
			<label for="consent">Согласие на обработку данных</label>
		</div>
		<button onclick="showProfile()">Показать Анкету</button>
	</form>


</body>
</html>

Написано более трёх лет назад

MaksPaverov @MaksPaverov

WhoAmI02, в коде я явных ошибок не увидел, возможно не подключается сам JS файл.
Как вариант, попробуйте прописать в пути, либо от корня сайта, либо полную ссылку

Написано более трёх лет назад
WhoAmI02 @WhoAmI02 Автор вопроса

MaksPaverov, в консоли написано, что подключен

Написано более трёх лет назад
Андрей @svistiboshka

WhoAmI02, каким образом там это написано?

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Frontend-разработчик + ИИ

9 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию + ИИ

6 месяцев

Далее

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+2 ещё

Простой
Как запретить формирования ссылок вида /tel:?
- 2 подписчика
- 01 июл.
- 276 просмотров
2

ответа
HTML

+1 ещё

Средний
Как выставить элементу ширину по содержимому при переносах?
- 1 подписчик
- 30 июн.
- 156 просмотров
1

ответ
HTML

+3 ещё

Средний
Как создать каркас верстки который будет считаться по высоте, а не по ширине?
- 4 подписчика
- 26 июн.
- 357 просмотров
4

ответа
JavaScript

+2 ещё

Простой
Не работает тень + слайдер, есть варианты?
- 2 подписчика
- 21 июн.
- 194 просмотра
1

ответ
HTML

+1 ещё

Простой
Как оформить так карточку типа бенто стиль?
- 1 подписчик
- 13 июн.
- 234 просмотра
3

ответа
HTML

+2 ещё

Простой
Как блок уведомлений поднять выше dialog?
- 2 подписчика
- 21 мая
- 195 просмотров
2

ответа
HTML

+1 ещё

Простой
Как свг заменить на фон?
- 1 подписчик
- 08 мая
- 297 просмотров
1

ответ
HTML

+1 ещё

Простой
Чем препроцессить в HTML сокращения?
- 2 подписчика
- 04 мая
- 350 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему у поля input атрибут required не срабатывает?
- 2 подписчика
- 01 мая
- 390 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как обновлять данные массива, чтобы по нажатию на кнопку на странице добавлялся еще один элемент массива?
- 3 подписчика
- 12 апр.
- 766 просмотров
4

ответа
Показать ещё Загружается…

Вы уверены что документ с функцией в итоге загрузился? Если вы вызовете её из консоли страницы - вызовется?
Евгений Ромашкан, не вызывается функция
WhoAmI02, Ну так значит у вас js документ не подгрузился, и вопрос как минимум вообще никак не связан с баттонами и onclick. Смотрите вкладку network в браузере, что не так с загрузкой js фалов.
MaksPaverov,
function showProfile(){ let name = getElementById('name').value; // имя let userGender;// пол if (document.gender[0].checked) userGender = "Мужской"; if (document.gender[1].checked) userGender = "Женский"; let birthday = document.getElementById('birthday').value; // дата рождения let access; // обработка данных document.getElementById('access').checked ? access = 'да' : access = "нет"; let color = document.getElementById('color').value; alert( 'имя: ' + name + '/n пол: ' + userGender '/n дата рождения: ' + birthday '/n + любимый цвет: ' + color + '/n Согласие на обработку данных: ' + access; ); }

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Project 1</title> <script src="index.js"></script> </head> <body> <button onClick="showForm">Показать форму</button> <form action="" class="hidden"></form> <div> <label for="name">Ваше имя </label> <input type="text" name="name" id="name" placeholder="Ваше имя"> </div> <div> <input type="radio" name="gender" value="Мужской" id="gender">Мужской <input type="radio" name="gender" value="Женский" id="gender">Женский </div> <div> <label for="birthday">Дата вашего дня рождения</label> <input type="date" name="birthdayDate" id="birthday"> </div> <div> <label for="color">Ваше любимый цвет:</label> <select id="color"> <option value="зеленый">Зеленый</option> <option value="красный">Красный</option> <option value="синий">Синий</option> </select> </div> <div> <input type="checkbox" required name="access" id="access"> <label for="consent">Согласие на обработку данных</label> </div> <button onclick="showProfile()">Показать Анкету</button> </form> </body> </html>
WhoAmI02, в коде я явных ошибок не увидел, возможно не подключается сам JS файл.
Как вариант, попробуйте прописать в пути, либо от корня сайта, либо полную ссылку
MaksPaverov, в консоли написано, что подключен
WhoAmI02, каким образом там это написано?

Функция onClick не найдена при нажатии на кнопку, как ее запустить?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт