content += '<td>' + arr[e] + '</td>'let color, size;
// рандомизацию цвета и размера сам сможешь сделать
content += <td style="background-color: ${color}; font-size: ${size}px;">${arr[e]}</td>const divToChange = document.querySelector('divToChange')
divToChange.className = message.class;document.querySelectorAll(".modal__btn")
.forEach(elem => {
elem.addEventListener('click', () => console.log("Кнопка нажата"));
});
setTimeout(() => {
console.log("Удаляю обработчики")
document.querySelectorAll(".modal__btn")
.forEach(elem => {
elem.removeEventListener('click', () => console.log("Кнопка нажата"));
});
}, 5000);function handler(event) {
console.log("Кнопка нажата")
}
document.querySelectorAll(".modal__btn")
.forEach(elem => {
elem.addEventListener('click', handler);
});
setTimeout(() => {
console.log("Удаляю обработчики")
document.querySelectorAll(".modal__btn")
.forEach(elem => {
elem.removeEventListener('click', handler);
});
}, 5000);document.querySelector(".wrapper").addEventListener('click', event => {
let target = event.target;
if (!target.classList.contains('modal__btn')) return; // нажали не на интересующую нас кнопку
console.log('Кнопка нажата');
});
Отношение таблиц "Categories_Roles" не понятно для меня. Тут не могу подсказать