Задача такая:
Из websocket приходит массив с числами
- Если блока div, соответствующего числу, нет на странице, то создать;
- Если такой блок уже есть, то обновить результат, сколько раз это число присутствует в массиве.
Из первого массива, когда страница пустая, получается создать все нужные блоки.
А потом, для новых массивов, надо обновлять или добавлять - как это сделать? Если блок с таким id существует, то обновить только найденное.
Вот начало кода. А как обновлять найденное? Не пойму, подскажите пожалуйста.
//Приходит из сокета..........
window.ar = ["1","2","2","2"];
//............................
var arr = window.ar.sort(
function(a,b){return (a-b)});
var check = {};
for( var i = 0; i < arr.length; i++ ) {
if( check[arr[i]] ) {
check[arr[i]]++
} else {
check[arr[i]] = 1;
}
}
for( var number in check ) {
var win = document.getElementById('win');
var div = document.createElement('div');
div.id = number;
div.innerHTML = number+'-Найдено раз-'+"<div style='background: green;float: right; width: 20px;text-align: center;'>"+check[number]+"</div>";
win.appendChild(div);
}
<div id="win"></div>
Код в месте с сокетом.
websocket.onmessage = function(event) {
let mess = JSON.parse(event.data);
for (var i = 0; i < 1; i++) {
var y = mess;
}
if(y.sendnum){
window.ar = y.sendnum;
send();
}
};
function send() {
var arr = window.ar.sort(
function(a,b){return (a-b)});
var check = {};
for( var i = 0; i < arr.length; i++ ) {
if( check[arr[i]] ) {
check[arr[i]]++
} else {
check[arr[i]] = 1;
}
}
for( var number in check ) {
var win = document.getElementById('win');
var div = document.createElement('div');
div.id = number;
div.innerHTML = number+'-Найдено раз-'+"<div style='background: green;float: right; width: 20px;text-align: center;'>"+check[number]+"</div>";
win.appendChild(div);
}
var e = document.getElementById('win').childNodes;
console.info(e);
}