Задать вопрос
@MRcracker
javascript

Как изменить цвет по клику?

Нужно сделать, чтобы по клику на текст менялся его цвет. подскажите, где я ошибся))) Всем спасибо
let u = document.querySelector('.u-p');
for (let i = 0; i < u.length; i++) {
	this[i].onclick = function() {
		u.style.color = 'red';
	}
}


<p class="u-p">11</p>
	<p class="u-p">22</p>
	<p class="u-p">33</p>
	<p class="u-p">44</p>
  • Вопрос задан
  • 70 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
@VegasChickiChicki 
let u = document.querySelectorAll('.u-p');
for (let i = 0; i < u.length; i++) {
 u[i].onclick = function() {
     u[i].style.color = 'red';
  }
}

Может так?
Ответ написан
Комментировать
Комментировать
lastuniverse
@lastuniverse
Всегда вокруг да около IT тем
Много где:

1. вместо let u = document.querySelector('.u-p');
должно быть let u = document.querySelectorAll('.u-p');

2. вместо this[i].onclick = function() {
должно быть u[i].onclick = function() {

3. вместо u.style.color = 'red';
должно быть u[i].style.color = 'red';

Разберитесь с циклами и массивами а так-же будьте внимательней.

let u = document.querySelectorAll('.u-p');
for (let i = 0; i < u.length; i++) {
  u[i].onclick = function() {
    u[i].style.color = 'red';
  }
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Ещё заказы