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

Question

WhoAmI02 @WhoAmI02

HTML

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

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

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

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 и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

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

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

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

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

HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 133 просмотра
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 153 просмотра
1

ответ
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 461 просмотр
2

ответа
HTML

+1 ещё

Простой
Как убрать линии у бейджиков в Markdown?
- 1 подписчик
- 23 сент.
- 209 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как менять картинки у карточки в списке товаров?
- 4 подписчика
- 22 сент.
- 352 просмотра
1

ответ
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 242 просмотра
2

ответа
PHP

+1 ещё

Простой
Можно ли писать функции в текст?
- 1 подписчик
- 19 сент.
- 484 просмотра
2

ответа
JavaScript

+1 ещё

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

ответа
HTML

+4 ещё

Средний
Кривое отображение сайта на iOS-устройствах?
- 2 подписчика
- 13 сент.
- 421 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как отключить только некоторые input от отправки формы по нажатию enter?
- 1 подписчик
- 10 сент.
- 549 просмотров
1

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

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

PHP-разработчик

Prosox

До 1 200 $

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

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

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

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

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