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

Question

WhoAmI02 @WhoAmI02

HTML

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

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

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

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

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

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

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

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

Войти через центр авторизации

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

PHP

+4 ещё

Простой
Не работает css, проблема с файлами, что делать?
- 1 подписчик
- час назад
- 28 просмотров
0

ответов
PHP

+2 ещё

Средний
Проблема с отображением данных о городах из таблицы в запросе SQL?
- 1 подписчик
- 4 часа назад
- 24 просмотра
1

ответ
HTML

+1 ещё

Простой
Как применить nth-child?
- 1 подписчик
- 4 часа назад
- 57 просмотров
1

ответ
HTML

Простой
Не могу задать ширину таблицы html?
- 1 подписчик
- вчера
- 66 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать так, чтобы содержимое defs работало?
- 1 подписчик
- 06 мая
- 46 просмотров
0

ответов
HTML

+1 ещё

Простой
Выровнить картинку по центру в тексте, чтобы не зависимости всегда была по центру?
- нет подписчиков
- 05 мая
- 92 просмотра
1

ответ
HTML

+1 ещё

Простой
Почему схлопываются внешние отступы соседних элементов?
- 1 подписчик
- 04 мая
- 80 просмотров
1

ответ
HTML

+2 ещё

Простой
Почему моргает видеофон на сайте?
- 1 подписчик
- 03 мая
- 96 просмотров
0

ответов
HTML

+1 ещё

Простой
Как изменить строчку кода HTML на чужом сайте tampermonkey?
- 2 подписчика
- 02 мая
- 350 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- 02 мая
- 75 просмотров
0

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

Frontend-разработчик (React)

ДАЛЕЕ

от 140 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Конвертировать ключи в аккаунты whatsapp

09 мая 2024, в 00:49

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

Доработать игрового телеграмм бота python, telethon

08 мая 2024, в 23:13

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

Верстка лендинга из фигмы

08 мая 2024, в 22:04

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

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

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

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

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