Почему значения в переменных js отличаются?

Maxim Plotnikov, изучить как работать с асинхронным кодом.
Если Вы в этом вопросе зелёный - то это минимум на недельку. Пока всё в голове не уложится.

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

Ankhena, Но тогда Elena0394 нужно обернуть текст внутри кнопки в span и делать ему псевдоэлемент

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

Ankhena, согласен

Почему значения в переменных js отличаются?

самый простой и плохой способ - поставить соответствующий флаг при запросе - async: false

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

ну, вообще это обычная практика для вставки иконок подобным образом.
А вот к чему должны появиться вопросы - это к инлайну стилей через style.
Я не знаю, проходите ли какой-то курс и прочих вводных. Но стили напрямую задавать элементам - мовитон.
Допускается только в определённых случаях или при острой необходимости.

Для всех остальных случаев - css классы.

Как найти произведения всех двузначных чисел?

Рубрика вредные советы..

Зачем при каждом вызове функции лезть в DOM, если ссылки на элементы можно сохранить 1 раз?

var x1 = document.getElementById("x1").value;
var x2 = document.getElementById("x2").value;

Как передать значение во внешнюю переменную?

Данил Самодуров, Вы хотите решать асинхронную задачу с синхронным подходом. Это так не работает, а я не знаю всего, что Вы хотите сделать. В примере, который я вам привёл последним, где ваш переписанный код на промисах, можете так же вызывать свою функцию-точку входа, например .then( data => присваивание значения; startWork() )
А функция StartWork описана ниже и будет доставать значение переменных из замыкания. Но это не совсем "взрослый" код.
Типа так:

var usd;

function startWork(promiseData) {
 console.log(usd)
}

fetch('https://www.cbr-xml-daily.ru/daily_json.js')
  .then(response => response.json()) // получили данные асинхронно по сети
  .then(data => { usd = data.Valute.USD.Value; return data }) // сохранили данные в переменную и вернули полный набор данных, полученных по сети, чтобы они были доступны дальше в цепочке промисов
  .then(startWork) // вызвали функцию, работающую с "внешней" переменной.

Асинхронный код на промисах выглядит примерно так:

.getData()
  .then(transformData)
  .then(workWithData)

И в workWithData уже делаете всё необходимое. Таким образом, данные передаются из промиса в промис по цепочке через return.
Если вам нужно получить данные из нескольких источников параллельно, но продолжить работу после того, как все запросы завершаться, то есть Promise.All([Promise, Promise])

Как передать значение во внешнюю переменную?

Данил Самодуров, Алексей Ярков показал Вам как вывести в консоль данные после запроса. Там же можно сделать и присваивание значения.

Как передать значение во внешнюю переменную?

Данил Самодуров, Так это зависит от того, в каком месте вы делаете console.log. Если не в .then то всё правильно и я описал почему так происходит в начале первого сообщения.

Как передать значение во внешнюю переменную?

Данил Самодуров, суть в том, что когда Вы пишите так:

var USD = getJSON('https://www.cbr-xml-daily.ru/daily_json.js').then(dataJSON => dataJSON.Valute.USD.Value)
console.log(USD)

То у вас начинает выполняться асинхронная операция, пока она выполняется поток выполнения не блокируется и идёт дальше. Так как переход к следующей строке кода быстрее чем любая асинхронная операция, то вам в консоль и выводит Promise. Если вы хотите сохранить значение в переменную, и нужно либо использовать async\await:

async function getJSON(url) {
        const  response = await fetch(url)
        return await response.json()
}
var USD  =  (async () => await getJSON('https://www.cbr-xml-daily.ru/daily_json.js').then( rezult=> rezult.Valute.USD.Value))()

Либо переписать ваш код на промисах так:

var EUR;
var USD;
    
fetch('https://www.cbr-xml-daily.ru/daily_json.js')
  .then(response => response.json())
  .then(data => { USD = data.Valute.USD.Value });

Как правильно дождаться ответа в promise?

А ещё есть proxy и паттерн наблюдатель.
Промисы же предназначены для асинхронных операций. Таймеры, сетевые запросы, анимации.
Да, с помощью промиса можно сделать то, что вы хотите, но для этого нужно иметь асинхронную операцию.
Например, завернуть внутрь промиса таймер, по истечении которого промис будет разрешаться и назначать переменной значение. Но это не выглядит как то, что вам нужно.

Как зациклить фрагмент видео?

zeni1agent,
Как я и писал в начале, вместо $0 можно воспользоваться стандартным поиском элемента с помощью DOM API ( document.querySelector\document.getElementBy* или как у вас через jQuery $(serlector) )

Как зациклить фрагмент видео?

zeni1agent, как я и описал, я нашел реальный элемент <video> в разметке и сохранил его в переменную v.
Скриншоты смогу приложить позднее

Как зациклить фрагмент видео?

zeni1agent, решение, которое я предложил - протестировал на ютубе.
Не нужно приводить весь код, дайте ссылку где это.

Как зациклить фрагмент видео?

было не понятно что именно тэг так называется. Пример бы привели тогда, где и что

Как получить данные и вставить?

Там можно кстати и от gaugeHtml.forEach тоже избавиться и от лишнего обращения в дом

// create instances/handlers
var gauges = document.querySelectorAll('.gauge');

gauges.forEach(function(gauge){
    let gaugeVal = Number(gauge.dataset.value);
    const gaugeValueElement = gauge.querySelector('.gauge__value')
    gaugeValueElement.textContent = gaugeVal;
    gaugeValueElement.style.color = gaugeVal > 50 ? 'rgba(43, 197, 132, 1)' : 'rgba(224, 99, 100, 1)';
    gauge = new Gauge(gauge, gauge.dataset)
})

Как сделать резайз макета в зависимости от ширины экрана?

Проверять размер экрана и менять JSом значение в мета теге, чтобы включать\отключать зум? Но это так, предположение.

Как отрендерить такой компонент?

mashincode, это так просто не работает :-) От того, что вы просто закинули всё на кодпен, оно само не заработает. Нужно делать настройки. Подключать библиотеки и тд.

На кодпене не запускается совсем по другой причине.
И то, что Вы закинули на кодпен - не содержит исправлений, которые я предложил вам сделать.
Проверьте всё ещё раз.

Какие отличия в подходах к обработке (валидации) форм в React и Vue?

WapSter, vuelidate тихонько улабыется. Валидирует модель на вычисляемых свойствах.

нужно привязываться к слушателям событий и даже во vue

Как сверстать этот фон?

Сергей, А вообще Вам бы лучше демку было сделать и более чётко описать поведение что как должно происходить