black1277

<h1 id=h1></h1>
<script>
let radius = 70;
let text = "corporate*service*";
let step = Math.PI * 2 / text.length;
for(i = 0; i < text.length; i ++){
	let x = radius + radius * Math.sin(i * step);
	let y = radius + radius * Math.cos(i * step);
	let myspan = document.createElement("span");
	myspan.innerText = text[i];
	myspan.style.position = "absolute";
	myspan.style.left = x + "px";
	myspan.style.bottom = y + "px";
	myspan.style.transform = "rotateZ(" + i * 360 / text.length + "deg)";
	h1.appendChild(myspan);
}
</script>

arguments - это массив массиво-подобный объект аргументов, всегда присутствующий в функции (кроме стрелочных).
Тут используется декоратор – функция-обёртка над другой функцией.
Изначальная функция worker.slow()оборачивается в новую функцию-декоратор. Декоратор выполняет некую работу, вызывает оригинальную функцию, с ее результатом может выполнить еще какую-то работу, и возвращает итоговый результат.

После выполнения этой строчки
worker.slow = cachingDecorator(worker.slow, hash);
в worker.slow у вас уже не оригинал, а декоратор. Т.е. эта функция

function() {
    let key = hash(arguments); // (*)
    if (cache.has(key)) {
      return cache.get(key);
    }

    let result = func.call(this, ...arguments); // (**)

    cache.set(key, result);
    return result;
  };

Именно она выполняется в последней строчке. Сюда передаются аргументы 3 и 5, которые и попадают в зарезервированный массив arguments.

Можно переписать так, чтобы лучше понять, что происходит:

function cachingDecorator(func, hash) {
  let cache = new Map();
  return function(arg1, arg2) { // явно указать аргументы
    let key = hash(arg1, arg2); // (*)
    if (cache.has(key)) {
      return cache.get(key);
    }

    let result = func.call(this, arg1, arg2); // (**)

    cache.set(key, result);
    return result;
  };
}

document.querySelector('.navlnk.js-load-more.js-load-more-bot').click();

const isInitialMount = useRef(true);

useEffect(() => {
  if (isInitialMount.current) {
     isInitialMount.current = false;
  } else {
      // Your useEffect code here to be run on update
  }
});

https://stackoverflow.com/questions/55075604/react...

https://codepen.io/delphinpro/pen/gOvKRMo

Месяцы от 0 считаются.

const ddmmyyyyToDate = str => {
  const [d, m, y] = str.split('.');
  return new Date(y, m - 1, d);
}

Использование:

ddmmyyyyToDate('31.05.2022') 
// Date Tue May 31 2022 00:00:00 GMT+0300 (Moscow Standard Time)

const a = `17.11.1995`.split('.');
const date = new Date(a[2], a[1] - 1,  a[0]);  // equal new Date(1995, 11, 17)

https://developer.mozilla.org/en-US/docs/Web/JavaS...

node sass имеет совместимость с разными версиями node. таблица сверху https://github.com/sass/node-sass
либо правь это, либо ставь dart sass

clickOnButton() -> clickOnButton

Вы должны передавать функцию, а не ее выполнение.

Начать следует не с какой-то там логики, а со структуры данных, что содержит вопросы. То, что есть сейчас, никуда не годится. Что, если завтра вместо трёх вариантов ответа надо будет сделать четыре? Будете добавлять ещё по два свойства в каждый объект в массиве вопросов, а в компоненте закопипастите ещё один input? А если в разных вопросах должно будет быть разное количество вариантов ответа? Что тогда?

Варианты ответа складываете в массив, а корректный вариант обозначаете через его индекс:

const questions = [
  {
    text: 'Выберите верное утверждение',
    answers: [
      'СССР распался в 1997 году',
      'Солнце вращается вокруг Земли',
      'шестью восемь - двадцать три',
    ],
    correctAnswer: 1,
  },
  {
    text: '...',
    answers: [ '...', '...', ... ],
    correctAnswer: ...,
  },
  ...
];

В компоненте вопроса вместо того, чтобы копипастить input'ы, делаете цикл по вариантам ответа:

function Question(props) {
  const onChange = e => props.onAnswerChange(+e.target.value);

  return (
    <div>
      <h3>{props.question.text}</h3>
      <ol>
        {props.question.answers.map((n, i) => (
          <li>
            <label>
              <input
                type="radio"
                value={i}
                checked={props.answer === i}
                onChange={onChange}
              />
              {n}
            </label>
          </li>
        ))}
      </ol>
    </div>
  );
}

В родительском компоненте храните массив ответов:

function App(props) {
  const [ answers, setAnswers ] = useState(Array(props.questions.length).fill(null));

  const updateAnswer = (questionIndex, answer) =>
    setAnswers(answers.map((n, i) => i === questionIndex ? answer : n));

  return (
    <div>
      {props.questions.map((n, i) => (
        <Question
          question={n}
          answer={answers[i]}
          onAnswerChange={answer => updateAnswer(i, answer)}
        />
      ))}
    </div>
  );
}

Ну и возвращаясь к вашему вопросу, чего там надо было?

не получается сделать грамотную проверку правильного ответа...

Чтобы проверить правильность ответа, надо сравнить его со значением свойства correctAnswer у соответствующего (с тем же индексом) вопроса. Например, считаем количество правильных ответов:

const correctAnswersCount = answers.reduce((acc, n, i) => {
  return acc + (n === questions[i].correctAnswer);
}, 0);

...и одновременно вывести верные ответы

Поскольку свойство, обозначающее правильный ответ, является его индексом, просто достаём соответствующие элементы из массивов с вариантами ответа:

const correctAnswers = questions.map(n => n.answers[n.correctAnswer]);

Ну а массив строк вывести - надеюсь, справитесь сами.

UPD. Посмотреть живьём можно здесь (есть отличия от того, что есть или предполагается у вас - вопросы показываются по очереди, а не все сразу; в результатах отображаются только верные ответы).

g path {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}