MagicMight

1) Откройте инструменты разработчика и отключите кэширование
2) Если надо, можете добавить к ссылкам на скрипты динамический хвост типа $script_url . '?t=' . time();
3)

// set expires header
header('Expires: Thu, 1 Jan 1970 00:00:00 GMT');

// set cache-control header
header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
header('Cache-Control: post-check=0, pre-check=0',false);

// set pragma header
header('Pragma: no-cache');

Prevent Browser Caching for PHP Script

Этот код НЕ руководство к действию. В общем смысле, странно заставлять такую задачу работать синхронно. Но это прямой ответ на заданный вопрос.
Вот пример. Сделал небольшие изменения, чтобы избавиться от ошибок.

async function main()
{
  let canvas = document.querySelector("#canvas");
  canvas.width = 200;
  canvas.height = 200;

  let ctx = canvas.getContext('2d');

  function fun(){
    return new Promise((resolve, reject) => {
      let dataUrl = "no";

      let img = new Image()
      img.onload = () => {
          ctx.drawImage(img, 0, 0, img.width, img.height);
          dataUrl = canvas.toDataURL();

          resolve(dataUrl)
      }

      img.onerror = reject
      img.src = "/img/fallback/logo-adunit.jpg";
    })
  }

  let dataUrl = await fun();

  document.querySelector("#print").innerText = dataUrl;
}

main()

Мне понравилась задачка.
Вот так можно определить родительский блок выделенного текста.
Мой пример
И stackoverflow

window.location.href

либо сразу
window.location.pathname

И можно заменить

inp.addEventListener('keyup',()=>{
for(let key in codes){
	  if(inp.value === key){
	    info.textContent = `${codes[key]}`;
	    info.style.display = 'block';
	  } else {
	    info.style.display = 'none';
	  }
	}; 
});

на

inp.addEventListener('keyup',()=>{

  if(inp.value in codes) {
  	info.textContent = `${codes[inp.value]}`;
    info.style.display = 'block';
  }
  else {
  	info.style.display = 'none';
  }

});

const t7 = () => {
 return `rgb(${Math.random()*256<<0}, ${Math.random()*256<<0}, ${Math.random()*256<<0})`;
}

<select onchange="checkValue(this.value)">
  <option> Один</option>
  <option> два</option>
  <option> три</option>
  </select>
<select id="abc">
  <option> выкл</option>
  <option> выкл</option>
  <option> выкл</option>
</select>

const checkValue = val => {
    document.getElementById('abc').disabled = val === 'три';
}

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

n % 10 - получаешь остаток от деления всего твоего числа на 10. Так ты получаешь младший разряд.
Пример:
12345678 % 10 = 8.

Math.trunc( n / 10 ) - отбрасывание дробной части. В данном случае операция нужна для того, чтобы выбрасывать на каждом шаге младший разряд.
Пример:
12345678 / 10 = 1234567.8
Math.trunc( 1234567.8 ) = 1234567