Александр

<div class="addSerfCardsButtonBox" id="workSerf" data-id='<?=$serfing["id"]?>' onclick='workSerf(this)'>
                    <? if($serfing['work'] == 'Остановлено'){echo '<i class="far fa-play-circle"></i><h6 class="work" id="play">Возобновить показ</h6>';}
                    else{ echo '<i class="far fa-pause-circle"></i><h6 class="work" id="stop">Остановить показ</h6>';}?>
                  </div>

function workSerf(elem) {	
    var id = $(elem).attr('data-id');
    var workSerf = $('div#workSerf').attr('id');
    var work = $('h6.work').attr('id');
    console.log(id + workSerf + work);
    $.ajax({
      method: "POST",
      url: "/add",
      data: {
          id: id, 
          work: work,
          workSerf: workSerf,
      },
      success: function(html){
      }
  });
};

this в js работает не так как в нормальных языках

Вопрос сам по себе глупый. Jquery - это и есть js. По сути, это набор функций, упрощающий разработку и сокращающий код. То что будет быстрее зависит от твоего ур-я. jq писали не глупые люди, сможешь ли ты написать лучше? Не думаю. Другое дело, что функции в jq более универсальны, для этого приходится жертвовать скоростью, но разница в скорости выполнения скрипта будет в пару десятков миллисекунд, а вот что касается скорости загрузки, ты можешь сократить код с jquery на 20-30% минимум.

function deleteAllCookies() {
    var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
    }
}

Вы можете вызвать window.location.reload(true), чтобы перезагрузить текущую страницу. Он будет игнорировать любые кешированные элементы и получать с сервера новые копии страницы, css, изображений, JavaScript и т.д. Это не очищает весь кеш, но имеет эффект очистки кеша для страницы, на которой вы находитесь.

ссылку на источник блокирует ((

...Height.value+'px';
...Width.value+'px';

и при назначении addEventListener функция не должна вызываться

document.getElementById("HeightBtn").addEventListener("click", HeightSend);
document.getElementById("WidthBtn").addEventListener("click", WidthSend);

Вот какое у меня получилось решение:
Соединение с сокетом закидываем в функцию, например:

let interval;

function start() {
   clearInterval(interval);
   ws = new WebSocket('ws://123.1.123.223:8001/');


   ws.onopen = function() {
        sockets = true;
        console.log('Соединение с сокет-сервером Установленно');
    };

    ws.onclose = function() {
        sockets = false;
        console.log('Соединение с сокет-сервером Закрыто');
    };

    interval = setInterval(function () {
        if (!sockets) {
            start();
        }
    }, 5000)
}

да, не очень элегантно

const selector2 = selector+':last-child';