Pin Bib

Гипотенуза:

Math.hypot(arrLine[0].toX - arrLine[0].x, arrLine[0].toY - arrLine[0].y)

random(6) возвращает целое: 1, 2, 3, 4, 5 или 6 – с равной вероятностью.
Как игральные кости (кубики).

Чтобы reduce/length дал единицу,
нужно, чтобы все шесть выпали именно единицы:
(1 + 1 + 1 + 1 + 1 + 1) / 6 == 1

Вероятность шести единиц

1/6 * 1/6 * 1/6 * 1/6 * 1/6 * 1/6  = 1 / 6^6 = 0,00002143347051

= 2 тысячные процента. Всего ничего.

.replace(/\D/, '')

i<colorRed.length или i<=colorRed.length - 1

Это делается довольно просто. Открой консоль и запусти пример:

var input = document.createElement('input');

input.setAttribute('type', 'file');

input.onchange = function() {
  
	var file = input.files[0];

	var reader = new FileReader();

	reader.readAsText(file);

	reader.onload = function() {
	
		txt = reader.result;

		console.log(txt);
		
	};
  
}

input.click();

Выбери файл и его содержимое окажется в переменной txt

Если JavaScript то конечно Дэвид Флэнаган.
Осилив Флэнагана, никакие learn.javascript.ru будут не нужны.
HTML и CSS - любую книгу известного автора.

интернет ресурсы в них иногда ошибки и не структрирован материал.

Чёрт его знает что за xd, в реестре не нашёл даже.
Значит делаем так

let blob = new Blob([text], { type: 'application/download' });

У вас код выполняется на сервере или в браузере?

Если в браузере и настроен какой-нибудь webpack, то вы можете сделать import из нужного файла. Если сборки нет, то в комментах уже подсказали про fetch

Если на сервере, то как-то так

- <footer class"footer">
+ <footer class="footer">

- background-color: # #0A0A0A;
+ background-color: #0A0A0A;

Используйте document.querySelectorAll("") для получения тегов (внутрь кавычек вставляете имя тега или класс), после чего используете как массив

можно создать временный элемент <template>, вставить в него этот HTML,
и забрать из него DocumentFragment

Фрагмент — это примерно как DOM-документ, его можно рекурсивно обойти через свойство children

Например, в строке содержится такой HTML:

<div>
  <p>Text</p>
  <ul>
    <li>Apple</li>
    <li>Banana</li>
  </ul>
</div>

И примерно такой код:

const tmpl = document.createElement('template');
tmpl.innerHTML = msg; // строка с HTML
const df = tmpl.content; // DocumentFragment

df.children // массив из одного элемента: наружний div
df.children[0].children // массив с двумя эл.: параграфом и списком
df.children[0].children[1].children[1].textContent // "Banana"

потому что return в цикле прервет цикл после первой же совпадении условия и в итоге посчитает только самый первый делитель его же и вернет.

function getDivisorsCnt(n){
    let counter = 0
    for (let val=1; val<=n; val++){
      if (n % val === 0 ){
        counter +=1
      }
    }
  return counter;
}
console.log(getDivisorsCnt(12))

1. Создаем веб сайт посвященный вашей библиотеке. На нем должна быть подробная документация, и демо кода на все случаи.
2. Создаем репозиторий на github, выкладываем туда код и документацию.
3. Открываем соц. сети, пишем там о своем проекте заметку, статью.
4. Можно записать ютуб видео небольшое, где крато и понятно объясняется что за библиотека, зачем она, как пользоваться и в чем выгода.
5. А дальше уже время, если комьюнити понравится ваш проект и им начнут пользоватья - будет расти популярность и загрузки (а если нет, то нет).

Лучше всего всё это сразу делать на английском языке. Иначе охват аудитории будет мизерный.

Примеры подобных библиотек c хорошим описанием и документацией:
- Howler.js
- Fotorama
- Ion.RangeSlider
- и т.д.