Несколько методов создания случайного цвета фона в ячейке таблицы HTML (td)

Чтобы задать случайный цвет фона для элемента

с помощью JavaScript, вы можете использовать следующие методы:

Метод 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 со случайным цветом фона, а затем применить его к элементу

с помощью JavaScript. Вот пример:

<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>