Javascript-форум - Подсчет количества цветов

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Подсчет количества цветов (https://javascript.ru/forum/misc/24516-podschet-kolichestva-cvetov.html)

<html>
   <head>
   </head>
<body>
  <table>
  <tr>
    <td style="padding:10px; text-align:center;">
      <p>Входные данные</p><br>       
      <table border="1">
      <tr>
        <td style="padding:10px; text-align:center;">Кофта</td>
        <td style="padding:10px; text-align:center;" >№ Цвета</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-1</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-2</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-3</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-4</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-5</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-6</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-7</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 4</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-8</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-9</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
      </tr>
      </table>
    </td>
    <td style="padding:10px; text-align:center;">
      <p>Выходные данные:</p><br>
      <table border="1">
      <tr>
        <td style="padding:10px; text-align:center;">Сколько кофт в наличии</td>
        <td style="padding:10px; text-align:center;" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="11"><br />исходя из левой таблицы: 7</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">N Цвета:</td>
        <td style="padding:10px; text-align:center;" ><br />
1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
3&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 0<br />
4&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 1<br />
5&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
        </td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Нет в на складе (кол-во кофт)</td>
        <td style="padding:10px; text-align:center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="11"><br />исходя из левой таблицы: 2</td>
      </tr>
      </table>
      <input type="button" value="Вычислить">
    </td>
  </tr>
  </table>
</body>
</html>

Хм интересная форма, но вот что-то не совсем понимаю что за данные должны быть, что с чем должно складываться, что за номера цветов? это из базы где-то берется? что за значения "Нет в наличии" и что с ним нужно делать.

Цитата:

Сообщение от miakacat

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

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

Цитата:

Сообщение от devote (Сообщение 148249)

[HTML run]
Хм интересная форма, но вот что-то не совсем понимаю что за данные должны быть, что с чем должно складываться, что за номера цветов? это из базы где-то берется? что за значения "Нет в наличии" и что с ним нужно делать.

Интересная...в вашем понятии это "ну нормально" или "ой руки бы ей оторвать"? Постараюсь ответить по порядку, на складе цвет кофты записывается не "зеленый,голубой",а "1, 2". Данные ни в какой базе не хранятся,все вручную заполняется.
Т.е. в 1 таблице колонка "кофты" заполняется вручную в блокноте, а вот колонка "№ цвета" в форме заполняется в браузере.
После заполнения колонки "№ цвета" нажимаем кнопку "вычислить" и во второй таблице (в ней первая колонка статичная,а вторая колонка-колонка вывода результата) появляются результаты.
Результаты считаются по принципу: цифра 5 в таблице-1 встречается 2 раза,т.е. во второй таблице в строке напротив 5 появляется значение 2.
Так же считается сколько цифр 1, 2, 3, 4, а так же сколько штук "нет на складе", в данном примере "на складе нет 2 кофт"
"Кофт в наличии" считается немного по другому,по формуле: общее количество кофт (в таблице их 9) минус "нет на складе" (а таблице их 2) = 7 по данному примеру.
Надеюсь немного хоть объяснила принцип,старалась как могла.

Девушка, если вы не знаете программирования то это работа не вашего уровня, откажитесь от неё, либо начните изучать джаваскрипт , как все мы в свое время.

Вариант ... вторую таблицу убрал для простоты ... и если нет на складе то ничего не вводите ....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251" />

 <title></title>
</head>

<body>
<table >
<tr>
<td style="padding:10px; text-align:center;">
<p>Входные данные</p><br>

<table border="1"  id="tab1" >
<tr>
<td style="padding:10px; text-align:center;">Кофта</td>
<td style="padding:10px; text-align:center;" >№ Цвета</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-1</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-2</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-3</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-4</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-5</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-6</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-7</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 4</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-8</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-9</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
</tr>
</table>
</td>
<td style="padding:10px; text-align:center;">
<p>Выходные данные:</p><br>
<div id="show"></div>

<input type="button" value="Вычислить" onclick='go()'>
</td>
</tr>
</table>

<script  type="text/javascript">
function go() {
    for (var d = document.getElementById("tab1").getElementsByTagName("input"), b = {}, a = 0; a < d.length; a++) {
        var e = d[a].value;
        e in b ? b[e]++ : b[e] = 1
    }
    var a = "",
        f = d.length, c;
    for (c in b) c ? a = " \u0426\u0432\u0435\u0442 " + c + " \u0432\u0441\u0435\u0433\u043e " + b[c] + "<br />" + a : (a += " \u041d\u0435\u0442 \u043d\u0430 \u0441\u043a\u043b\u0430\u0434\u0435 \u0432\u0441\u0435\u0433\u043e " + b[c] + "<br />", f = d.length - b[c]);
    document.getElementById("show").innerHTML = "\u0412\u0441\u0435\u0433\u043e \u043a\u043e\u0444\u0442 " + f + "<br />" + a
};
</script>
</body>
</html>

Цитата:

Сообщение от Livaanderiamarum (Сообщение 148267)

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

Цитата:

Сообщение от рони (Сообщение 148268)

Вариант ... вторую таблицу убрал для простоты ... и если нет на складе то ничего не вводите ....

Большое спасибо! Код скрипта вроде маленький, но несет в себе столько действий, потрясающе!
А можно вопрос? Что означают строки такого типа: " \u0426\u0432\u0435\u0442 "
Пусть я и полный 0 в этом,но хотелось бы немного разобраться, чтобы лишний раз не беспокоить жителей форума и объяснить знакомой хотя бы примерно принцип работы. Признательна за ваш ответ!

Цитата:

Сообщение от miakacat

Что означают строки такого типа: " \u0426\u0432\u0435\u0442 "

это русские буквы
Юникод

Понятно! Спасибо за ответ!