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

Question

[MRcracker]

Нужно сделать, чтобы по клику на текст менялся его цвет. подскажите, где я ошибся))) Всем спасибо

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>

Answer 1

[VegasChickiChicki]

let u = document.querySelectorAll('.u-p');
for (let i = 0; i < u.length; i++) {
 u[i].onclick = function() {
     u[i].style.color = 'red';
  }
}

Может так?

Answer 2

[Роман]

Много где:

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';
  }
}