Javascript-форум - Код для преобразования введенных данных в таблицу 500р

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

- Работа (https://javascript.ru/forum/job/)

- - Код для преобразования введенных данных в таблицу 500р (https://javascript.ru/forum/job/40474-kod-dlya-preobrazovaniya-vvedennykh-dannykh-v-tablicu-500r.html)

Код для преобразования введенных данных в таблицу 500р

Нужен код который преобразуют введенные в строку данные в таблицу и сохраняет эту таблицу. При вводе следующих данных новые добавляются к предыдущим.
Пример: вводим данные:Локомотив - ФК Краснодар 3:1 (1:0)
Кубань - Спартак М 2:2 (0:1)
Амкар - Крылья Советов 0:0 (0:0)
Рубин - ЦСКА 0:0 (0:0)
Нажимаем кнопку и эти данные заносятся в таблицу
1 Локомотив 3:1
2 Спартак 2:2
3 Кубань 2:2
........
6 Краснодар 1:3

Затем вводим данные следующего тура и получаем добавление к таблице
1 Локомотив 3:1 2:2
2 Спартак 2:2 2:1
3 Кубань 2:2 1:1
........
6 Краснодар 1:3 1:2

только добавление? :)
а просмотр нужен?
а удаление или исправление ошибочных данных?

Цитата:

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

преобразуют введенные в строку данные в таблицу и сохраняет эту таблицу

Что имеется ввиду под словами "таблица" и "сохраняет"?

Поскольку табличка может быть на ХТМЛ странице

<table>
...
</table>

Либо "таблицей" в некой базе данных...
Первую не "записать" по определению... А вторую нужно делать под определенную СУБД...

Цитата:

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

данные заносятся в таблицу

1 Локомотив 3:1
2 Спартак 2:2
3 Кубань 2:2

Цитата:

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

получаем добавление к таблице

1 Локомотив 3:1  2:2
2 Спартак 2:2      2:1
3 Кубань 2:2        1:1

Какая-то странная "таблица"... :D
У нее "растет" число колонок/полей.

таблица в html

Да число колонок растет.

Цитата:

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

таблица в html

И куда ты ее собираешся записывать?
Если закроешь браузер - все данные пропадут...

Цитата:

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

вводим данные:Локомотив - ФК Краснодар 3:1 (1:0)

Цитата:

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

заносятся в таблицу
1 Локомотив 3:1

Вводят явно больше чем выводят... В этом есть какой-то тайный смысл?

Цитата:

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

Затем вводим данные следующего тура и получаем добавление к таблице
1 Локомотив 3:1 2:2

Т.е. выводить нужно именно счет матча? А как тогда понять с кем тот ФК играл с этим счетом?

С кем играл не важно, каждой команде только счет, запись данных через window.localstorage и jason.

Цитата:

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

запись данных через window.localstorage и jason

JavaScript - клиентский язык... Именно записывать куда-то могут только серверные языки.

Записывать дынные нужно не куда то а в html таблицу.

Вот примерный код того что нужно, но он делает не совсем то что нужно и может увести в сторону:
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
table {
border: 4px solid #ccc;
border-collapse: collapse;
}
th, td {
border: 2px solid #ccc;
padding: 10px;
font: bold 12px Arial;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function() {
$('input[type=button]').on('click', function() {
var value = $('input[type=text]').val(),
date = value.replace(/(Дата\s)(\d*)(\sМесяц\s)(\d*)/g, '$2'),
month = value.replace(/(Дата\s)(\d*)(\sМесяц\s)(\d*)/g, '$4');

if (date && month) {
var days = [];

try {
days = JSON.parse(window.localStorage.dataTest);
} catch (error) {};

days.push({
date: date,
month: month
});

window.localStorage.dataTest = JSON.stringify(days);
}

showData();
});

function showData() {
var table = $('table'),
tableHtml = '<tr><th></th><th>Дата</th><th>Месяц</th></tr>',
days = [];

try {
days = JSON.parse(window.localStorage.dataTest);
} catch (error) {};

for (var i = 0, length = days.length; i < length; i++) {
var day = days[i];

tableHtml += '<tr><td>' + (i + 1) + '</td><td>' + day.date + '</td><td>' + day.month + '</td></tr>';
}

table.html(tableHtml);
}

showData();
});
</script>
</head>
<body>
<form>
<div class="form-cell">
<input type='text' name="data">
<input type="button" value="Выполнить">
</div>
</form>
<table></table>
</body>
</html>

Цитата:

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

Записывать дынные нужно не куда то а в html таблицу.

Повторюсь...

Цитата:

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

Если закроешь браузер - все данные пропадут...

есть window.localstorage который позволяет сохранять данные после закрытия браузера

Если нельзя с помощью javascript, то можно сделать через что то другое