form-content_create-recall, а потом уже в js писать $('.form-content_create-recall > .form-content__name');form-content__name_create-recall или задать модификатор для form-content и для элементов? form-content_create-recall, form-content__name_create-recall<section class="communication">
<div class="communication__forms">
<div class="communication__result"></div>
<i class="communication__arrow disabled fa-solid fa-reply"></i>
<div class="create-recall">
<div class="create-recall__wrapper">
<div class="create-recall__title">Оставь свой отзыв!</div>
<form class="form-content">
<input type="text" class="form-content__name" placeholder="Имя">
<input type="text" placeholder="Фамилия (не обязательно)" class="form-content__surname">
<textarea placeholder="Оставить отзыв..." class="form-content__recall"></textarea>
<div class="create-recall__buttons">
<button class="button button_clear">Очистить</button>
<button class="button button_send">Отправить</button>
</div>
</form>
</div>
</div>
<div class="change-recall">
<div class="change-recall__wrapper">
<div class="change-recall__title">Измени отзыв!</div>
<form class="form-content">
<input type="text" class="form-content__name" placeholder="Имя">
<input type="text" placeholder="Фамилия (не обязательно)" class="form-content__surname">
<textarea placeholder="Оставить отзыв..." class="form-content__recall"></textarea>
<div class="change-recall__buttons">
<button class="button button_clear">Очистить</button>
<button class="button button_send">Отправить</button>
</div>
</form>
</div>
</div>
</div>
</section>Чтобы получалось дробите блоки на более мелкие блоки.
<section class="communication">
<div class="communication__forms">
<div class="communication__result"></div>
<i class="communication__arrow disabled fa-solid fa-reply"></i>
<div class="create-recall">
<div class="create-recall__wrapper">
<div class="create-recall__title">Оставь свой отзыв!</div>
<form class="form-create-recall">
<input type="text" class="form-create-recall__name" placeholder="Имя">
<input type="text" placeholder="Фамилия (не обязательно)" class="form-create-recall__surname">
<textarea placeholder="Оставить отзыв..." class="form-create-recall__recall"></textarea>
<div class="buttons-create-recall">
<button class="buttons-create-recal__clear">Очистить</button>
<button class="buttons-create-recal__send">Отправить</button>
</div>
</form>
</div>
</div>
</div>
</section>if(status.getAttribute('data-userId') == result){
console.log(status); /*Выводятся только элементы которые были инициализированные при загрузке js скрипта (добавлены не динамически) */
};if(status.getAttribute('data-userId') == result){
console.log(status); /*Выводятся только элементы которые были инициализированные при загрузке js скрипта (добавлены не динамически) */
};$(document).ready(() =>{
let statusesCollection;
let counter = 0;
function setOnline(){
console.log('Онлайн');
$.ajax({
type: 'POST',
url: '../php/update_status.php',
data: {
action: 1,
},
success: function(result){
statusesCollection = document.getElementsByClassName('recall__people-fio-status');
for(let status of statusesCollection){
if(status.getAttribute('data-userId') == result){
status.classList.remove('offline');
status.classList.add('online');
};
}
}
});
}
function setOffline(){
console.log('Оффлайн');
$.ajax({
type: 'POST',
url: '../php/update_status.php',
data: {
action: 0,
},
success: function(result){
statusesCollection = document.getElementsByClassName('recall__people-fio-status');
for(let status of statusesCollection){
if(status.getAttribute('data-userId') == result){
status.classList.remove('online');
status.classList.add('offline');
};
}
},
});
}
function incrementCounter(){
counter++;
console.log(counter);
if(counter >= 3){
setOffline();
}else{
setOnline();
}
}
let interval = setInterval(incrementCounter, 1000);
incrementCounter();
$(this).mousemove(() => counter = 0);
$(this).keypress(() => counter = 0);
$(this).touchstart(() => counter = 0);
$(this).touchend(() => counter = 0);
$(this).touchcancel(() => counter = 0);
$(this).touchmove(() => counter = 0);
});const TEXT = 'TEXT';
const text = $el.text();
$el.dataset[TEXT] = text;el.addEventListener('click', event => trigger(event.target));
trigger(el);trigger(el); ? el.addEventListener('click', event => trigger(event.target));const { text() } = el;
console.log(text());const makeInteractive = el => {
const { text } = el;
console.log(text);
};
$('.recall__people-fio-name').each(function(){makeInteractive($(this))});