Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 15.04.2022, 23:53   #1
nonameii3ii
Пользователь
 
Регистрация: 16.04.2021
Сообщений: 73
По умолчанию Помощь с таблицей

Есть вот такая таблица,которая выводит на екран рандомные цвета,вопрос как можно сделать чтобы внутри клетки был цвет(на фоне),и написано было расшифровку например:фон синий и написано #f0f8fff.Вот demo: https://codepen.io/eva-rosalene/pen/NWXLmva
Код:
function getRandomColor() {
  const r = String(Math.round(255 * Math.random())).padStart(2, '0');
  const g = String(Math.round(255 * Math.random())).padStart(2, '0');
  const b = String(Math.round(255 * Math.random())).padStart(2, '0');
  return `#${r}${g}${b}`;
}
 
document.write('<table class="main"><tbody>');
for (let i = 0; i < 10; ++i) {
  document.write('<tr>');
  for (let j = 0; j < 10; ++j) {
    document.write(`<td bgcolor="${getRandomColor()}"></td>`)
  }
  document.write('</tr>');
}
document.write('</table></tbody>')
Код:
.main td {
  width: 20px;
  height: 20px;
}
nonameii3ii вне форума Ответить с цитированием
Старый 16.04.2022, 08:40   #2
BDA
МегаМодератор
СуперМодератор
 
Аватар для BDA
 
Регистрация: 09.11.2010
Сообщений: 7,285
По умолчанию

На темном фоне есть проблемы с читаемостью:
Код:
function getRandomColor() {
  const r = Math.round(255 * Math.random()).toString(16).padStart(2, '0');
  const g = Math.round(255 * Math.random()).toString(16).padStart(2, '0');
  const b = Math.round(255 * Math.random()).toString(16).padStart(2, '0');
  return `#${r}${g}${b}`;
}

document.write('<table class="main"><tbody>');
for (let i = 0; i < 10; ++i) {
  document.write('<tr>');
  for (let j = 0; j < 10; ++j) {
    const color = getRandomColor();
    document.write(`<td bgcolor="${color}">${color}</td>`)
  }
  document.write('</tr>');
}
document.write('</table></tbody>')
Пишите язык программирования - это форум программистов, а не экстрасенсов. (<= это подпись )
BDA вне форума Ответить с цитированием
Старый 16.04.2022, 08:57   #3
nonameii3ii
Пользователь
 
Регистрация: 16.04.2021
Сообщений: 73
По умолчанию

Спасибо большое за быструю помощь)
nonameii3ii вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помощь с таблицей Станислав Косяк Microsoft Office Excel 2 21.04.2021 11:29
Нужна помощь c таблицей StringGrid Джек12 Общие вопросы Delphi 8 08.09.2014 16:41
Помощь с таблицей в exel Татьяна_М Microsoft Office Excel 11 30.05.2014 12:52
Проблема с таблицей! Braka Microsoft Office Word 1 03.07.2011 08:05
Нужна помощь c ascII таблицей grafek3d Помощь студентам 3 02.11.2009 15:40