Чтобы задать случайный цвет фона для элемента
Метод 1: встроенный JavaScript
Вы можете добавить встроенный код JavaScript непосредственно в тег HTML
<td >Content</td>
Метод 2: функция JavaScript
Вы можете определить функцию JavaScript и вызывать ее для динамической установки цвета фона. Вот пример:
<script>
function setRandomBackgroundColor(element) {
var red = Math.floor(Math.random() * 256);
var green = Math.floor(Math.random() * 256);
var blue = Math.floor(Math.random() * 256);
element.style.backgroundColor = 'rgb(' + red + ', ' + green + ', ' + blue + ')';
}
</script>
<td onclick="setRandomBackgroundColor(this);">Content</td>
Метод 3: класс CSS и JavaScript
Вы можете определить класс CSS со случайным цветом фона, а затем применить его к элементу
<style>
.random-bg-color {
background-color: rgb(
Math.floor(Math.random() * 256),
Math.floor(Math.random() * 256),
Math.floor(Math.random() * 256)
);
}
</style>
<script>
function addRandomBackgroundColor(element) {
element.classList.add('random-bg-color');
}
</script>
<td onclick="addRandomBackgroundColor(this);">Content</td>