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

Question

WhoAmI02 @WhoAmI02

HTML

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

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

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

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, каким образом там это написано?

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

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

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

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

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

HTML

+1 ещё

Простой
Как очистить HTML от всех аттрибутов?
- 2 подписчика
- 04 янв.
- 245 просмотров
2

ответа
HTML

Простой
Как закрепить div с iframe?
- 1 подписчик
- 04 янв.
- 72 просмотра
0

ответов
HTML

+1 ещё

Простой
Как сделать отоброжение других html страниц на одной без перехода?
- 1 подписчик
- 04 янв.
- 145 просмотров
2

ответа
HTML

+2 ещё

Простой
Какие познания в HTML нужны копирайтеру? Нужно ли В ДОБАВОК знать CSS?
- 1 подписчик
- 04 янв.
- 131 просмотр
2

ответа
HTML

+1 ещё

Простой
Как в HTML задать расположение строке и изображению?
- 1 подписчик
- 03 янв.
- 71 просмотр
0

ответов
HTML

+2 ещё

Простой
Captive Portal | Html+CSS+bash | OpenWrt?
- 3 подписчика
- 03 янв.
- 547 просмотров
0

ответов
HTML

+1 ещё

Простой
Как исправить клавиатуру закрывающую поле ввода vue.js?
- 2 подписчика
- 31 дек. 2024
- 360 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как исключить дергания блока с меню при раскрытии подменю?
- 1 подписчик
- 29 дек. 2024
- 95 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как скроллить определенный блок Div?
- 1 подписчик
- 27 дек. 2024
- 204 просмотра
0

ответов
HTML

+1 ещё

Простой
Как сделать одинаковую высоту у карточек?
- 1 подписчик
- 26 дек. 2024
- 150 просмотров
1

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

Верстальщик HTML

MST

от 450 $

Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер

BYTIME

от 130 000 ₽

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

Тепловые расчеты по электронике выполнить или найти специалиста

07 янв. 2025, в 03:31

15000 руб./за проект

Протянуть АПИ

07 янв. 2025, в 03:09

20000 руб./за проект

Разработка плагина для Moodle (образовательная платформа)

07 янв. 2025, в 00:19

5000 руб./за проект

Вы уверены что документ с функцией в итоге загрузился? Если вы вызовете её из консоли страницы - вызовется?
Евгений Ромашкан, не вызывается функция
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 не найдена при нажатии на кнопку, как ее запустить?

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

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

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