циклы в javascript.

@marianna20 · Регистрация: 10.05.2012

Студворк — интернет-сервис помощи студентам

пожалуйста, помогите! заранее оргомное спасибо! Написать файл HTML. При нажатии на кнопку «Таблица» формируется динамический документ в новом окне с таблицей. Ее размеры должны соответствовать числам, введенным в текстовые поля «Число строк» и «Число столбцов». Таблица имеет заголовочную строку с информацией о размерах. В ячейках расположены их номера.
Для создания таблицы использовать функцию с двумя аргументами. Функция должна содержать 2 вложенных цикла (по строкам и столбцам).
Вариант 1
Цвет фона ячеек должен генерироваться случайным образом (функция Math.random(). Остальные кнопки аналогичны приведенным в примере.

@kalabuni · 11.05.2012, 10:10

HTML5

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function myFunction (R, C)                                              //функция с двумя аргументами
{
var myCod  = '<table cellspacing="0" cellpadding="10" border="1">\n';
    myCod += '<caption><b>Таблица ' + R + 'x' + C + '</b></caption>\n'; //заголовок с размерами
 
for (var myCont = 1, j = 0; j < R; j++)                                 //первый цикл - по строкам
    {
    myCod += '<tr>';
    for (var k = 0; k < C; k++)                                         //второй (вложенный) цикл - по столбцам
       {myCod += '<td>' + (myCont++) + '</td>'}                         //в ячейках - их номер
    myCod += '</tr>\n';
    }
    myCod += '</table>\n';
 
var myNewWindow = window.open ('', '_blank');                           //новое окно
    myNewWindow.document.open ();
    myNewWindow.document.write (myCod);
    myNewWindow.document.close ();
}
</script>
</head>
<body>
<center>
<h3>Формирование таблицы</h3>
<form>
<p><tt>Количество строк&nbsp;&nbsp;&nbsp; - </tt><input name="myRows">  <!-- текстовое поле для строк -->
<p><tt>Количество столбцов - </tt><input name="myCells">                <!-- текстовое поле для столбцов -->
<p><input type="button" value="Формировать"
onclick="myFunction (this.form.myRows.value, this.form.myCells.value)">
</form>
</center>
</body>
</html>

@marianna20 · 11.05.2012, 18:52 **[ТС]**

нужно со цветами,пожалуйста, чтоб они генерировались случайным образом!

@kalabuni · 11.05.2012, 20:12

В предыдущем коде строку #14 замените на следующие шесть строк:

Javascript

       {
       var SafPal = new Array ('00', '33', '66', '99', 'cc', 'ff');     //компоненты безопасной палитры
       for (var clr = '#', q = 0; q < 3; q++)                           //третий (вложенный) цикл - для цвета
          clr += SafPal [Math.floor (Math.random () * SafPal.length)];  //получаем HEX-код цвета типа #3300ff 
       myCod += '<td bgcolor="' + clr + '">' + (myCont++) + '</td>'     //в ячейках - их номер
       }

@marianna20 · 12.05.2012, 08:14 **[ТС]**

пожалуйста,еще маленький вопросик,нужно,чтобы один цвет какой то был.(например,розовый и в клеточках он случайным образом расскидан где то белый ,где-то бледно-розовый, где ярко розовый и т.д.)

@kalabuni · 12.05.2012, 12:38

"Розовый", "белый" - знаю.
А вот "бледно-розовый" и "ярко-розовый" - это проблема: "на вкус и на цвет товарищей нет" (с)

Так не пойдёт

Сделаем следующим образом:
1. Розовый цвет - это pink по английски,
-- он же в HEX-виде #FFC0CB
-- он же в RGB-виде "255, 192, 203"

2. Окрывайте графический редактор MS Paint,
выбирайте в меню "Палитра --> Изменить палитру",
там жмите на кнопку "Определить цвет>>"
и вводите в три окошка в правом нижнем углу RGB-код розового цвета в виде чисел:
255 - для красного
192 - для зеленого
203 - для синего

Параллельно в левых трёх окошках появятся числа:
233 - Оттенок
240 - Контраст
210 - Яркость (точно розовый)

3. Затем меняйте яркость, двигая вверх-вниз черный треугольник у полоски выше.
Определитесь с крайними устраивающими вас значениями "Яркости" и сообщите их здесь мне в виде
"При оттенке 233 и контрастности 240 яркость должна меняться от XXX до YYY".
Тогда сделаю.

@marianna20 · 13.05.2012, 19:34 **[ТС]**

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

@kalabuni · 13.05.2012, 20:52

Файл ваш открыть не могу - на компьютере нет Word'a.
Вам трудно было открыть Paint?
Или тоже нет на компьютере?

@Воваша · 13.05.2012, 21:08

У неё там две картинки. Выкладываю скриншот.
https://www.cyberforum.ru/atta... 1336928863

@kalabuni · 14.05.2012, 00:24

HTML5

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function myFunction (R, C)                                                  //функция с двумя аргументами
{
var myCod  = '<table border="1" width="100%">\n';
    myCod += '<tr><th colspan="' + C + '">Это таблица '
          + C + 'x' + R + '</th></tr>\n';                                   //заголовок с размерами
for (var j = 1; j <= R; j++)                                                //цикл по строкам
    {
    myCod += '<tr>';
    for (var k = 1; k <= C; k++)                                            //вложенный цикл - по столбцам
       {
       var clr = Math.floor (255 * Math.random ());
       myCod += '<th style="background-color: rgb(255,'
             + clr + ',255)">' + j + '.' + k + '</th>';                     //в ячейках - их номер
       }
    myCod += '</tr>\n';
    }
    myCod += '</table>\n';
myNewWindow = window.open ('', '_blank');                                   //новое окно
with (myNewWindow.document) {open (); write (myCod); close ()}
</script>
</head>
<body>
<form>
<table border="0" cellpadding="5" width="25%">
<tr><td>Число столбцов</td><td><input name="myCells"></td></tr>
<tr><td>Число строк</td><td><input name="myRows"></td></tr>
</table>
<hr align="left" width=20%">
<input type="button" value="Таблица"
       onclick="myFunction (this.form.myRows.value, this.form.myCells.value)">
<input type="button" value="Закрыть"
       onclick="if (!myNewWindow.closed) myNewWindow.close ()">
<input type="button" value="Выход"
       onclick="document.location.href = 'http://yandex.ru.'">
</form>
</body>
</html>

@marianna20 · 14.05.2012, 08:12 **[ТС]**

спасибо огромное! но не работает!(((

@kalabuni · 14.05.2012, 11:37

Куда-то потерялась фигурная скобка между строками #23 и #24, вот здесь:

...
with (myNewWindow.document) {open (); write (myCod); close ()}
}
</script>
...

Добавьте и всё заработает.

@marianna20 · 14.05.2012, 16:08 **[ТС]**

хорошо)))

@marianna20 0 / 0 / 0 Регистрация: 10.05.2012 Сообщений: 6
		1
	циклы в javascript. 11.05.2012, 07:16. Показов 1868. Ответов 12 Метки нет (Все метки) пожалуйста, помогите! заранее оргомное спасибо! Написать файл HTML. При нажатии на кнопку «Таблица» формируется динамический документ в новом окне с таблицей. Ее размеры должны соответствовать числам, введенным в текстовые поля «Число строк» и «Число столбцов». Таблица имеет заголовочную строку с информацией о размерах. В ячейках расположены их номера. Для создания таблицы использовать функцию с двумя аргументами. Функция должна содержать 2 вложенных цикла (по строкам и столбцам). Вариант 1 Цвет фона ячеек должен генерироваться случайным образом (функция Math.random(). Остальные кнопки аналогичны приведенным в примере. 0

@marianna20 0 / 0 / 0 Регистрация: 10.05.2012 Сообщений: 6
	11.05.2012, 18:52 [ТС]	3
	нужно со цветами,пожалуйста, чтоб они генерировались случайным образом! 0

@marianna20 0 / 0 / 0 Регистрация: 10.05.2012 Сообщений: 6
	12.05.2012, 08:14 [ТС]	5
	пожалуйста,еще маленький вопросик,нужно,чтобы один цвет какой то был.(например,розовый и в клеточках он случайным образом расскидан где то белый ,где-то бледно-розовый, где ярко розовый и т.д.) 0

@kalabuni супермизантроп 3940 / 2978 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	12.05.2012, 12:38	6
	"Розовый", "белый" - знаю. А вот "бледно-розовый" и "ярко-розовый" - это проблема: "на вкус и на цвет товарищей нет" (с) Так не пойдёт Сделаем следующим образом: 1. Розовый цвет - это pink по английски, -- он же в HEX-виде #FFC0CB -- он же в RGB-виде "255, 192, 203" 2. Окрывайте графический редактор MS Paint, выбирайте в меню "Палитра --> Изменить палитру", там жмите на кнопку "Определить цвет>>" и вводите в три окошка в правом нижнем углу RGB-код розового цвета в виде чисел: 255 - для красного 192 - для зеленого 203 - для синего Параллельно в левых трёх окошках появятся числа: 233 - Оттенок 240 - Контраст 210 - Яркость (точно розовый) 3. Затем меняйте яркость, двигая вверх-вниз черный треугольник у полоски выше. Определитесь с крайними устраивающими вас значениями "Яркости" и сообщите их здесь мне в виде "При оттенке 233 и контрастности 240 яркость должна меняться от XXX до YYY". Тогда сделаю. 1

@kalabuni супермизантроп 3940 / 2978 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	13.05.2012, 20:52	8
	Файл ваш открыть не могу - на компьютере нет Word'a. Вам трудно было открыть Paint? Или тоже нет на компьютере? 1

@Воваша 26 / 26 / 2 Регистрация: 10.05.2012 Сообщений: 120
	13.05.2012, 21:08	9
	У неё там две картинки. Выкладываю скриншот. https://www.cyberforum.ru/atta... 1336928863 Миниатюры 1

@marianna20 0 / 0 / 0 Регистрация: 10.05.2012 Сообщений: 6
	14.05.2012, 08:12 [ТС]	11
	спасибо огромное! но не работает!((( 0

@kalabuni супермизантроп 3940 / 2978 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	14.05.2012, 11:37	12
	Куда-то потерялась фигурная скобка между строками #23 и #24, вот здесь: ... with (myNewWindow.document) {open (); write (myCod); close ()} } </script> ... Добавьте и всё заработает. 1

@marianna20 0 / 0 / 0 Регистрация: 10.05.2012 Сообщений: 6
	14.05.2012, 16:08 [ТС]	13
	хорошо))) 0

Опции темы