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

Можно заморочиться, арк'ами рисовать бублик:


Как текст рисовать: документация.

Можно без тригонометрии воспользоваться трансформациями canvas.
Двигать точку отсчёта ctx.translate(x, y) и поворачивать на угол ctx.rotate(a).

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


p.s. Где-то встречалась тема, что концом такой конструкции можно нарисовать абсолютно любую фигуру. Хоть портрет в линиях, хоть подпись. Чем больше колен, тем точнее. Если помните такое — киньте ссылку, пожалуйста.

upd. Нашёл! Видео про комплексный ряд Фурье. Посмотрите, вдохновляет.

По клику получать элемент, его значение, его родительский список.
Определить второй список. В нём найти элемент с таким же значением:

Создать canvas, отрисовать в них картинку, получить из канвы Blob, из него ByteArray.

Примерно так:

const img = document.querySelector("img");

const canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

const ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

canvas.toBlob((blob) => {
  blob.arrayBuffer()
  .then((buf) => {
    // тут как-то отправить эту буффонаду через WebSocket
  })
  .catch(console.error)
  ;

}, "image/png");

★ картинка должна загружаться с того же домена, что и страница, иначе она будет считаться «небезопасной» и не получиться её так прогнать через canvas.

в JavaScript нет таких PHP'шных ассоциативных массивов. Есть объекты. Массив объектов:

var array = [
  {
    'key1': 'value1'
  },
  {
    'key2': 'value2'
  },
  {'key1': 'value1-b'},
  {'key1': 'value1-c'},
]

Массив объектов, в каждом из которых всего по 1 свойству.

Интересуют только те, у которых в наличии свойство с названием из переменной str, и на выходе, видимо, массив значений.

const getValues = (array, key) => array.filter((item) => item.hasOwnProperty(key))
  .map((item) => item[key]);

getValues(array, "key1") // [ "value1", "value1-b", "value1-c" ]

Прописать какую-то дату как начало отсчёта, откуда далее трёхдневными шагами будет идти:

const startDate = new Date(2021, 7, 8); // начало отсчёта
const today = new Date(); // сегодня
const daysPassed = Math.floor((today - startDate) / 864e5);
const future = new Date();
future.setDate(future.getDate() + 3 - daysPassed % 3);

document.querySelector('span.myDate')
  .textContent = new Intl.DateTimeFormat(
    'ru-RU',
    { month: 'long', day: 'numeric' }
  )
  .format(future);

1. через x-bind или :value="xxx"
   
2. selected — точно так же
   

p.s. спасибо за вопрос — раньше не знал про этот фреймворк. Похож на Vue.

Я новичок в программировании

Берите карту для игр. А нейронные сети можно погонять на GPU в облаке Google Colab.

class="input-in" vs. ".input-it"

Наверное, не до конца разобрались с циклом for () ?

Хотят попробовать каждую букву слова как центр палиндрома.
От 0 потому, что первая буква имеет индекс 0.
До (не не достигая) s.length – т.к. у последней буквы строки индекс s.length - 1
i++ или i = i + 1 — по одной позиции направо продвигаемся.

По событию "input" отменять предыдущий таймаут, если был, и создавать новый, на 5 секунд.

if (n >= 2) {
  if (step === n) {
    e.classList.remove("d-none")
    e.classList.add("d-block")
  } else {
    e.classList.remove("d-block")
    e.classList.add("d-none")
  }
}

Чтобы источник не раскрывать, отдача файла должна идти с вашего IP.
Можно это настроить на веб-сервере, чтобы не грузить сервер работой PHP/Python на время скачивания.

Погуглите про NGINX прокси, как вариант. Инструкция proxy_pass

В итоге ваш сайт будет редиректить посетителя на ссылку на себе же, типа https://site.ru/download/1202 и веб сервер отдаст на этот запрос файл с того секретного сайта с id 1202.

Понадобится переменная, учитывать текущее состояние: сколько шагов уже выбрано.
При клике увеличивать эту переменную на 1. Перебирать все шаги, брать порядковый номер, например, из id "step-XXX".
Сравнивать с текущим значением переменной и добавлять класс, если переменная дотянула уже до текущего.