Javascript таблица со случайными цветами

Как выбрать рандомно ячейку таблицы и подсветить ее зеленым цветом?

1) при первой загрузке страницы на JavaScript случайным образом должны быть выбраны день недели(столбец) и номер пары(строка), и под светиться эта ячейка зеленым цветом.
2) дальше при помощи выпадающего списка выбрать столбец и строку,нажать кнопку поиск и подсветить нужную ячейку зеленым цветом.

Как залить ячейку зеленым цветом (AutoIt)
Добрый день, подскажите пожалуйста, как средствами AutoIt, залить ячейку зеленым цветом $m =.

Подсветить ячейку грида цветом на основании её значения
Есть конвертер значений: using System; using System.Collections.Generic; using.

Как подсветить ячейки заголовка при вводе данных в ячейку таблицы?
При вводе данных в поля таблицы как обеспечить подсветку соответствующих ячеек верхней строки и.

Рандомно выбрать из таблицы 10 записей
Здравствуйте. уважаемые форумчане! Не знаю как написать запрос, который будет беспорядочно.

А в чем возникли затруднения?
Вы не умеете пользоваться функцией Math.Random() ?
Не можете разложить полученный результат на строку и столбец?
Не можете найти нужный TD в таблице, зная номер строки и номер столбца?
Не знаете как установить выбранной ячейке класс ?
Не знаете как в css элементам определенного класса задать свойство background-color ?

Конкретизируйте пожалуйста вопрос.

ЦитатаСообщение от renat_dmitriev Посмотреть сообщение

1) Ручной режим по нажатию на кнопку поиск у нас таблица 5х7=35 ячеек.Как подсветить зеленым скажем Столбец3 и Строка 4
2) Как при загрузке страницы рандомно выбрать ячейку и подсветить ее зеленным.Конкретную ячейку,а не все ячейки.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266
 html"> head> title>Лабораторная работа №1title> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> style> divTable{ display: table; width: 100%; background-color:#aaa; } .divTableRow { display: table-row; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { display: table-cell; padding: 3px 10px; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .divTableBody { display: table-row-group; } input[type="button"]{ width:185px; margin-top: 5px; } #SelectMyLove,#SelectMyLove2 width:200px; margin-top: 5px; } .Table1{ width:100%; background-color:#eee; border:1px solid black; } td,tr{ border:1px solid black; } style> style> head> body> script type="text/javascript"> int y=0; function getRandomInRange(max) { return Math.floor(Math.random() * (max + 1)) + max; } function check(button){ // получаем индекс выбранного элемента var selind = document.getElementById("SelectMyLove").options.selectedIndex; var selind2 = document.getElementById("SelectMyLove").options.selectedIndex; var txt= document.getElementById("SelectMyLove").options[selind].text; var txt2= document.getElementById("SelectMyLove").options[selind].text; var val= document.getElementById("SelectMyLove").options[selind].value; var val2= document.getElementById("SelectMyLove").options[selind].value; //Количество срок и столбцов в таблице 5х7 y=getRandomInRange(7); //Для столбцов if(val=="Столбец1") { //alert("Мужской"); } else if(val=="Столбец2") { //alert("Женский"); } else if(val=="Столбец3") { //alert("Женский"); } else if(val=="Столбец4") { //alert("Женский"); } else if(val=="Столбец5") { //alert("Женский"); } else if(val=="Столбец6") { //alert("Женский"); } else if(val=="Столбец7") { //alert("Женский"); } else { //alert("Выберите столбец"); } y=getRandomInRange(5, 7); //Для строк if(val=="Строка1") { //alert("Мужской"); } else if(val=="Строка2") { //alert("Женский"); } else if(val=="Строка3") { //alert("Женский"); } else if(val=="Строка4") { //alert("Женский"); } else if(val=="Строка5") { //alert("Женский"); } else if(val=="Строка6") { //alert("Женский"); } else if(val=="Строка7") { //alert("Женский"); } else { //alert("Выберите строку"); } return true; } script> div class="divTable"> div class="divTableBody"> div class="divTableRow"> div class="divTableCell"> p>b>Дни недели:b>br> select id='SelectMyLove'> option disabled>Выберите столбецoption> option value="Столбец1">Столбец1option> option value="Столбец2">Столбец2option> option value="Столбец3">Столбец3option> option value="Столбец4">Столбец4option> option value="Столбец5">Столбец5option> option value="Столбец6">Столбец6option> option value="Столбец7">Столбец7option> select> div> div class="divTableCell"> p>b>Пары:b>br> select id='SelectMyLove2'> option disabled>Выберите строкуoption> option value="Строка1">Строка1option> option value="Строка2">Строка2option> option value="Строка3">Строка3option> option value="Строка4">Строка4option> option value="Строка5">Строка5option> option value="Строка6">Строка6option> option value="Строка7">Строка7option> select> div> div class="divTableCell"> p>b>b>br> input type="button" value="Поиск" onclick="check(this)"/> div> div> div> div> table class="Table1"> tr> td>Понедельникtd> td>Вторникtd> td>Средаtd> td>Четвергtd> td>Пятницаtd> tr> tr> td>1td> td>2td> td>3td> td>4td> td>5td> tr> tr> td>6td> td>7td> td>8td> td>9td> td>10td> tr> tr> td>11td> td>12td> td>13td> td>14td> td>15td> tr> tr> td>16td> td>17td> td>18td> td>19td> td>20td> tr> tr> td>21td> td>22td> td>23td> td>24td> td>25td> tr> tr> td>26td> td>27td> td>28td> td>29td> td>30td> tr> table> body> html>

Эксперт JS

формализую задачу:
на странице имеем
1) два тега
в первом > — 7-мь опшенов (дни недели)
во втором > —5-ть опшенов (номера пар);

2) таблицу из 7-ми строк (дни недели) и 5-ти столбцов ( номера пар)

вывод первый: «скрипач не нужен», т.е кнопка — совершенно лишнее звено,можно и нужно убрать
вывод второй: к обоим ‘ам добавить самым первым еще по опшену с текстами:
«Выберите день недели» и «Выберите пару»

вывод третий: таблицу дополнить
сверху еще одной строкой, содержащей текст «первая вторая третья четвертая пятая»
слева ещё одним столбцом, содержащим текст
«понедельник
вторник
среда
четверг
пятница
суббота
воскресенье»

в левой верхней ячейке прописать текст «дни / пары»

вывод третий наделить оба ‘a функциональностью по событию выбора опшена onchange делать то, что ранее делала ныне удаленная кнопка

вывод четвертый: пару, положим, можно выбрать рандомно, но день недели практичнее выбрать соответствующий реально текущему

итого: задачка уровня младшей группы детского сада

свистните, если предложенное решение устраивает — через 20 минут после того, как увижу здесь ваш «свисток», будет выложен HTML+JS-код

Источник

Создание таблицы случайно выбранных цветов

Помогите пожалуйста, я новичек и даже не знаю с чего начать:
Взяв за основу сценарий построения таблицы умножения, постройте таблицу
случайно выбранных цветов. Цвет ячейки таблицы задается с помощью
атрибута bgcolor. Цвет ячейки описывается в рамках трехкомпонентной
модели RGB, например: . Для генерации каждой
компоненты можно использовать генератор случайных чисел с помощью
методов объекта Math и преобразование в шестнадцатиричный формат:
color = Math.round(255.0*Math.random());
r = color.toString(16);
Результирующий цвет образуется путем конкатенации компонентов:
color = r + g + b.

Создание таблицы случайно выбранных цветов
Создать таблицу случайно выбранных цветов. надо чтобы цвета были разными,а у меня получается все.

Построение таблицы случайно выбранных цветов
Надо построить таблицу случайно выбранных цветов

Получить из таблицы несколько случайно выбранных записей
Всем доброго времени суток. Помогите реализовать "Генератор случайных значений", просмотрел.

Программа угадывания случайно выбранных координат цели
Составьте диалоговую программу угадывания случайно выбранных координат цели в квадрате: по оси х от.

Лучший ответ

Сообщение было отмечено yaroslavpm98 как решение

Решение

1 2 3 4 5 6 7 8 9 10 11 12 13 14
style> td < text-align: center; >/style> table id="table_0" width="100%" align="center"> tr> td>/td> td>/td> /tr> tr> td>/td> td>/td> /tr>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
var table = document.getElementById("table_0") for (var i = 0, row; row = table.rows[i]; i++) { for (var j = 0, col; col = row.cells[j]; j++) { var col_string = "" var letters= ["R:", " G:", " B:"] var hex = "" letters.forEach((letter)=>{ var color = Math.round(255.0*Math.random()) hex += color.toString(16) col_string += letter + color }) col.setAttribute('bgcolor', '#' + hex) col.innerHTML = col_string + " = #" + hex } }

Источник

Построить таблицу случайно выбранных цветов

Создание таблицы случайно выбранных цветов
Помогите пожалуйста, я новичек и даже не знаю с чего начать: Взяв за основу сценарий построения.

Создание таблицы случайно выбранных цветов
Создать таблицу случайно выбранных цветов. надо чтобы цвета были разными,а у меня получается все.

Построение таблицы случайно выбранных цветов
Надо построить таблицу случайно выбранных цветов

Вывести на экран таблицу из пяти элементов, выбранных случайно на промежутке [-12;5]
1. ввести на экран таблицу из пяти элементов, выбранных случайно на .

Программа угадывания случайно выбранных координат цели
Составьте диалоговую программу угадывания случайно выбранных координат цели в квадрате: по оси х от.

Эксперт JS

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
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(');for(let i =0; i  10; ++i) { document.write('');for(let j =0; j  10; ++j) { document.write(`td bgcolor="$">td>`) } document.write('');} document.write('
'
)
.main td { width: 20px; height: 20px; }

А как можно сделать чтобы внутри клетки был цвет(на фоне),и написано было расшифровку например:фон синий и написано #f0f8fff

Из массива A(n) удалить m наудачу (случайно) выбранных элементов
Из массива A(n) удалить m наудачу (случайно) выбранных элементов. Порядок следования оставшихся.

Написать программу угадывания случайно выбранных координат:
Написать программу угадывания случайно выбранных координат целые в квадрате: по оси "х" от 3 до 7.

Получить из таблицы несколько случайно выбранных записей
Всем доброго времени суток. Помогите реализовать "Генератор случайных значений", просмотрел.

Программа угадывания случайно выбранных координат цели
Составьте диалоговую программу угадывания случайно выбранных координат цели в квадрате: по оси х от.

Сформировать второй массив из случайно выбранных элементов первого
Всем привет, будьте добры помогите разобраться с неокторым нюансом, а именно: 1 массив, 2-й массив.

Вывести n случайно выбранных слов из большого проинициализированного массива
Разработайте программу, выводящую n случайно выбранных слов из большоооого проинициализированного.

Источник

Читайте также:  Си шарп дот нет
Оцените статью