Сергей Соколов

Сделать из строки массив букв, каждый n-й элемент заменить на его UpperCase версию, склеить снова в строку.

const makeItFunny = (str, n) => str.split('').map((el, i) => ?????).join(''); // Profit!

Иррациональное наше всё

const tweak = arr => JSON.parse(`[${arr[0]}]`).map(String);

tweak(["1, 2, 3"]) // [ "1", "2", "3" ]

1. нужно перевести в base64 html-код страницы с вашим скриптом. В минимальном варианте, например, такой:<script>alert("Hello QnA.Habr!");</script>Это можно сделать встроенной функцией btoa(), но она не умеет Unicode: только ASCII
   
2. составить с этим кодом data-url примерно такой: data:text/html;base64,и_тут_ваш_код_в_base64
   Получится примерно такое:
   

   data:text/html;base64,CjxzY3JpcHQ+YWxlcnQoIkhlbGxvIFFuQS5IYWJyISIpOzwvc2NyaXB0Pgo=

   Если эту волшебную строку вставить в адресную строку браузера, выведется alert.
   

P.S. Не используйте во зло!

str.substring(0, 38) + ':' + str.substring(38)

См. метод строки substring()

приходит фотография от пользователя и скрипт её обрабатывает, есть 2 функции для обработки, и мне надо сделать так, чтобы пользователю отправлялся результат той функции, которая выполнится быстрее, поскольку в некоторых случаях быстрее выполняется 1 функция, а в некоторых вторая

Лучше выявить признаки, чтобы заранее понимать, какой вариант быстрее.

Условно распараллелить выполнение можно в web worker'ах: запускать два, ждать сообщений о готовности, приняв первое сообщение, отдать результат пользователю.

почему первый код не работает как и второй

onclick'у надо присваивать значением – функцию. Например id1.onclick = function() { Place('Вода'); }; Тогда эта присвоенная функция выполнится при клике.

как правильно реализуется такая простая задумка

Где собираетесь хранить параметры каждого из 200 «объектов»? Можно прямо в разметке, в data-атрибутах, как посоветовали. Но неужели будете все 200 объектов прописывать вручную? Наверняка захочется их и создавать программно. Данные отдельно, оформление отдельно. Например:

const objects = ["вода", "вода", "суша", "берег"];
function commonClickHandler(title, id) {
  console.log('Кликнули объект «%s» с id=%s', title, id);
}

objects.forEach((title, i) => {
  const div = document.createElement('div');
  const id = `id${i}`;
  div.id = id;
  div.addEventListener('click', () => commonClickHandler(title, id));
  document.body.appendChild(div);
});

Фиддл

добавить callback prepare:

Тут как в фильмах про путешествия во времени, важно не где, а когда! )

Вот внутри в коллбеке, когда-то много позже загрузки страницы, наконец, появится ответ с содержимым файла.

Ну, закинете вы его в глобальную область видимости:

$.get( "file.txt", function( data ) {
  window.fileTxtContent = data;
});

и теперь уже станет «можно» и глобально с ним работать. Но на этот момент весь «обычный» код уже давно отработал.

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

function workWithFileTxt(content) {
  console.log("Я свободен от jQuery! А вот текст из файла: ", content);
}

$.get( "file.txt", workWithFileTxt);

Методы getElementsByClassName(), ..byName(), ..byTagName() — возвращают «живую» коллекцию. Когда удаляете 0-й элемент, остальные тут же сдвигаются и бывший 1-м, становится 0-м, но его цикл уже не будет удалять. Теперь к удалению 1-й (бывший 2-й) — поэтому удаляются через один.

Попробуйте, например, в вашем коде изменить единственную строку и идти с конца: for (let i = li.length - 1; i >= 0; i--) {

Ещё коллекцию можно заморозить, переведя её в обычный массив:

[...menu[1].getElementsByClassName("main-menu__item")]

А вообще, чего мелочиться: удалите родительский контейнер сразу )

document.querySelectorAll('.main-menu')[1].remove()

Пишут, что так нельзя.

let randomIndex = Math.floor(Math.random() * alphabet.length);

Так по-прежнему в переменную randomIndex записывается случайный индекс. Один раз.

const getRandomIndex = () => Math.floor(Math.random() * alphabet.length);

А вот функция, которая при каждом вызове getRandomIndex() будет возвращать новый случайный индекс.

Гипотеза 1: по каждому из компонентов R, G, B,
нужно держаться как можно дальше от заданного цвета. Т.е. прижиматься к краям.

Значения от 0 до 255. Если в заданном цвете соотв. компонент выше середины (127), то 0. Если ниже, то 255.
Фиддл:


Гипотеза 2 Цвет текста либо чёрный, либо белый. Какой из двух – определяется яркостью фона, которая считается, например, по формуле sqrt( 0.299*R^2 + 0.587*G^2 + 0.114*B^2 ) Это никогда не будет точным значением, но для задачи подойдёт.

Пример реализации — в фиддле выше.

внешний цикл for (let i = 0; ... перебирает, условно, горизонтали (строки).
внутренний цикл for (let k = 0; ... составляет очередную строку из клеточек, перебирает 8 клеток.

переменная s, которая бывает или 1 или 0, означает цвет очередной клетки, и на каждой клетке меняет своё значение.

Может, будет понятнее, если разобрать шахматную доску и все её строки собрать в одну длинную. Для краткости доску 3х3:

0 1 0
1 0 1
0 1 0

размотать:
0 1 0 1 0 1 0 1 0

Как видно, клетки меняют свой цвет всегда, в том числе при переходе к следующей строке.

Взять случайное (дробное) число от 0 до 100, включая 0, исключая 100.

Порог – значение, выше которого будем считать выигрышем, ниже проигрышем игрока.
Процент больше 0 – чистый рандом. Порог = 50.
Процент –100 — без шансов. Порог = 100.
Между процентом 0 и –100, порог линейно меняется от 50 до 100.