alexalexes

В вашем случае лучший конвертер - компетентный программист.

Вместо click берете более тонкое по срабатыванию событие - mouseup.
Не забудьте, что у сенсорных устройств есть свой аналог этого события - touchend.

let div = document.createElement('div'); // создаем div лишь для того, чтобы положить в него результат функции createContentModal
div.appendChild(createContentModal()); 
overlay.innerHTML = div.innerHTML; // и передать его html содержимое куда надо

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

item.addEventListener('change', (function(item, i) // функция обертка для функции обработчика, содержит переменные, которые нужно изолировать 
{

return function() { //возврат функции-обработчика для лисенера
     if(item.checked) {
         selectedContactValues.push(parseInt(item.dataset.price));
         countElements[i].value = 1;
     } else {
         selectedContactValues.splice(selectedContactValues.indexOf(item.dataset.price),1);
         countElements[i].value = 0;
     }
        
        resultElement.textContent =  sumArray(selectedContactValues);
    }; // конец функции обработчика событий, переменные которые нужно пропустить через замыкание

})(item, i) // конец функции обертки
);

ПС: Возможно, тут нужно клонировать объект item:

})(JSON.parse(JSON.stringify(item)), i) // конец функции обертки

Данный способ склонирует только структуру и данные объекта без ссылок на функции и ссылок на DOM.
ППС: Или брать arr[i] внутри обертки в качестве item, тогда изолировать придется только i:

item.addEventListener('change', (function(i) // функция обертка для функции обработчика, содержит переменные, которые нужно изолировать 
{

return function() { //возврат функции-обработчика для лисенера
let item = arr[i]; // берем item из внешнего массива arr, но по изолированному индексу i     
if(item.checked) {
         selectedContactValues.push(parseInt(item.dataset.price));
         countElements[i].value = 1;
     } else {
         selectedContactValues.splice(selectedContactValues.indexOf(item.dataset.price),1);
         countElements[i].value = 0;
     }
        
        resultElement.textContent =  sumArray(selectedContactValues);
    }; // конец функции обработчика событий, переменные которые нужно пропустить через замыкание

})(i) // конец функции обертки
);

По идее, самым пробивным способом со времен ie6, чтобы что-то заменить в атрибуте тега было использование setAttribute:
inputs[i].setAttribute('type', 'text');

Удаление плота:
https://docs.anychart.com/Stock_Charts/Chart_Plots....

DISABLING AND REMOVING
If you want to disable plot temporarily use the enabled() method, the series and settings will stay there once you enable plot again.

To remove plot with all its contents and settings use the dispose() method.

Удаление серии:
https://docs.anychart.com/Working_with_Data/Series....

REMOVING SERIES
As far as any chart can be adjusted or added at any time, you can also remove any series. If you know the id of the series that should be removed, invoke removeSeries() method and use series id as a parameter for this method. In the situation, when the series has no id it can be removed using removeSeriesAt() method. removeSeriesAt() method uses series index as a parameter and removes the series with the given index.

Отличия в охвате специальных символов, которые подвергаются конвертированию.
Функция encodeURI меньше охватывает символов, а функция encodeURIComponent - больше.
Но ни та, ни другая не достигает стандарта RFC 3986, чтобы считаться полностью правильно закодированным в вид контента application/x-www-form-urlencoded (смотрите документацию по encodeURI).

PS: Со стороны php сервера такая же история. Есть urlencode/urldecode - которые неполные по RFC 3986, а есть rawurlencode/rawurldecode - которые полностью удовлетворяют стандарту RFC 3986. При кастомном конструировании http пакетов предпочтительно использовать последние.

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

tasks.push(data); // тут вставили очередной элемент
let task_index = tasks.length - 1; // узнаем его индекс по длине массива, так как он в текущей ситуации последний
// несколько строк спустя
b1.addEventListener("click", 
(function(inner_task_index) // функция-обертка для изоляции контекста, сюда передается значение task_index, я специально выделил его другим именем inner_task_index, чтобы видеть контекст функции-обертки
  {
// обертка возвращает функцию-обработчик события  для addEventListener
return function delFromLocalSt() {
    task.removeChild(li);
        let array = JSON.parse(localStorage.getItem('task'));
        array.splice(inner_task_index, 1); // удаляем элемент по известному индексу используя механизм замыкания, используя контекст функции обертки
    localStorage.setItem('task', JSON.stringify(array));
   }
})(task_index) // вызываем хитрую обертку, чтобы обеспечить изоляцию переменной от контекста функции createEl
);

F12. Раздел "Элементы", выбираете элемент, на котором нужно посмотреть обработчик события. В области интерфейса для просмотра свойств элемента выбираете вкладку "Прослушиватели событий". Выбираете вид события, и выбираете точку входа в JS коде на это событие. Далее, при просмотре кода JS на вкладке "Источники" выбираете, где вам поставить точки останова, чтобы словить остановку выполнения обработки события.
PS: Такой метод исследования работает только на ванильном или слабо прототипированном коде, написанный без применения библиотек и фреймворков. При использовании библиотек и фреймворков точки привязки событий будут указывать, как правило, на одну единственную функцию в этой библиотеке, отвечающей за высокоуровневый байндинг событий. В этом случае нужно изучать, какие инструменты для отладки есть в самой библиотеке или фреймворке.

Прибавьте или убавьте к одному из этих операндов.

pageYOffset < document.documentElement.clientHeight