Перенести скрипт Tampermonkey на JavaScript

document.addEventListener('DOMContentLoaded', function() {
  'use strict';
  // Переменные для настройки скрипта (остальные задаются в стилях HTML-страницы)
  var setLenVal = 3 // Минимальное кол-во символов для запроса подсказок
  var setColorSel = "#ccc7" // Цвет выделенного пункта
  var debounceDelay = 500; // 1/2 секунды задержки между окончанием ввода и запросом

  // CORS прокси с поддержкой fallback
  var corsProxies = [
    "https://corsproxy.io/?",
    "https://cors-anywhere.com/",
    "https://api.allorigins.win/raw?url=",
  ];

  var currentProxyIndex = 0;
  var lastSuccessfulProxy = 0;
  var attemptCount = 0;

  var debounceTimeout = null;
  var ro = null;
  var currentQuery = "";
  var currentSrch = "";

  var srch = document.getElementById('srch');
  var rys = document.getElementById('rys');
  var frmsrch = document.getElementById('frmsrch');

  rys.style.left = srch.getBoundingClientRect().left + window.scrollX;
  rys.style.top = srch.getBoundingClientRect().bottom + window.scrollY;
  rys.style.width = srch.getBoundingClientRect().width;

  srch.addEventListener('keyup', getYaSuggest, false);
  srch.addEventListener('focus', showYaSuggest, false);
  srch.addEventListener('mousedown', getYaSuggest, false);
  srch.addEventListener('blur', function() {rys.style.display = "none"}, false);
  srch.addEventListener('keydown', srchKeydown, false);

  var i;
  var arrli = new Array();

  // Для вывода proxy hostname в консольных логах
  function getProxyHostname(proxyIndex) {
      return new URL(corsProxies[proxyIndex]).hostname;
  }

  function getYaSuggest(event) {
    if (srch.value == currentSrch) { return }; // Если строка ввода не поменялась в результате нажатия клавиши
    currentSrch = srch.value;
    
    // Отменяем предыдущий таймер
    if (debounceTimeout) {
      clearTimeout(debounceTimeout);
    }
    
    if (currentSrch.length >= setLenVal) {
        // Откладываем запрос на debounceDelay миллисекунд
        debounceTimeout = setTimeout(function() {
          currentQuery = currentSrch;
          // Начинаем с последнего успешного прокси
          currentProxyIndex = lastSuccessfulProxy;
          attemptCount = 0;
          makeRequest();
        }, debounceDelay);
    } else {
        rys.style.display = "none";
    };
  }

  function showYaSuggest(event) {
    if (arrli.length && (rys.style.display == 'none')) {
      if (i >= 0) { arrli[i].style.backgroundColor = "transparent"; i = -1; }
      rys.style.display = 'block';
    }
  }

  function makeRequest() {
    // Отменяем предыдущий запрос, если он еще выполняется
    if (ro) {
      ro.abort();
    }

    ro = new XMLHttpRequest();
    ro.timeout = 5000; // 5 секунд таймаут
    
    var targetUrl = "https://suggest.yandex.ru/suggest-ya.cgi?part=" + encodeURIComponent(currentQuery);
    var proxyUrl = corsProxies[currentProxyIndex] + targetUrl;
    
    ro.open("GET", proxyUrl, true);
    
    ro.onload = function() {
      if (ro.status === 200) {
        lastSuccessfulProxy = currentProxyIndex; // Запоминаем успешный прокси
        receiveYaSuggest();
      } else {
        console.log('Proxy ' + getProxyHostname(currentProxyIndex) + ' failed with status:', ro.status);
        tryNextProxy();
      }
    };
    
    ro.onerror = function() {
      console.log('Proxy ' + getProxyHostname(currentProxyIndex) + ' network error');
      tryNextProxy();
    };
    
    ro.ontimeout = function() {
      console.log('Proxy ' + getProxyHostname(currentProxyIndex) + ' timeout');
      tryNextProxy();
    };
    
    ro.send();
  }

  function tryNextProxy() {
    attemptCount++;
    if (attemptCount < corsProxies.length) {
      currentProxyIndex = (currentProxyIndex + 1) % corsProxies.length;
      console.log('Trying fallback proxy ' + getProxyHostname(currentProxyIndex) + ' (attempt ' + (attemptCount + 1) + ')');
      makeRequest();
    } else {
      console.log('All proxies failed after ' + corsProxies.length + ' attempts');
      rys.style.display = "none";
    }
  }

  function receiveYaSuggest()
  {
    if (!ro.responseText) {
      rys.style.display = "none";
      return;
    }
    
    try {
      var arr = ro.responseText.substring( ro.responseText.indexOf("[",16)+1, ro.responseText.indexOf("]") ).replace(new RegExp("\"","g"),"").split(",");
      if ((arr.length != 0) && (arr[0] != "")) {
          var arrs = "<ul class=\"rysul\" id=\"idrysul\">";
          arr.forEach(function(item) {arrs = arrs + "<li class=\"rysli\">"+item+"</li>"});
          arrs+="</ul>";
          document.getElementById('rys').innerHTML = arrs;
          rys.style.display = "block";
          arrli = Array.from( document.getElementById('idrysul').getElementsByTagName("li") );
          arrli.forEach( function(item) {item.addEventListener('mousedown', function() {srch.value = this.innerText; frmsrch.submit()}, false)} );
          arrli.forEach( function(item) {item.addEventListener('mouseenter', function() {i = arrli.indexOf(this); HlSel()}, false)} );
          i=-1;
      } else {
          rys.style.display = "none";
      }
    } catch(e) {
      console.log('Error parsing suggestions:', e);
      rys.style.display = "none";
    }
  }

  function srchKeydown(event) {
    if (arrli.length == 0) {return};
    if (rys.style.display == 'block') {
      if (event.key == 'ArrowDown') { i++; if (i>(arrli.length-1)) {i=0}; HlSel(); srch.value = arrli[i].innerText; currentSrch = arrli[i].innerText; };
      if (event.key == 'ArrowUp') { i--; if (i<0) {i=arrli.length-1}; HlSel(); srch.value = arrli[i].innerText; currentSrch = arrli[i].innerText; };
      if ((event.key == 'Enter') || (event.key == 'Escape')) { rys.style.display = "none" };
    } else if (arrli.length && (event.key == 'ArrowDown')) {
      // Показать выпадающий список заново
      if (i >= 0) { arrli[i].style.backgroundColor = "transparent"; i = -1; }
      rys.style.display = 'block';
    }
  }

  function HlSel() {
    if (arrli.length == 0) {return};
    arrli.forEach( function(item) {item.style.backgroundColor = "transparent"} );
    if (i >= 0) { arrli[i].style.backgroundColor = setColorSel; }
  }
});

.rysul {list-style-type:none; margin:0px}
.rysli {margin-left:-40px; padding-left:10px; padding-top:5px; padding-bottom:6px; cursor:pointer; font:16px sans-serif}

<form action="https://yandex.ru/search" id="frmsrch" style="font-size:16; border-radius:10px; padding:10; background:yellow">
  <b>Поиск в <font color="red">Я</font>ндексе:</b>&nbsp;
  <input id="srch" name="text" size="140" style="font-size:16"/>
</form>
<div id="rys" style="position:absolute; display:none; border:1px solid black; background-color:#FFFBF0"></div>