hzzzzl

https://codepen.io/anon/pen/eXgYba

// первому списку дать айдишник
const ids = [...document.querySelectorAll('#list div')].map(div => div.attributes.uid.value)

const getlist = [...document.querySelectorAll('#getList')]
  .forEach(div => {
    if(!ids.includes(div.attributes.uid.value)) {
      div.id = ''
      document.querySelector('#list').appendChild(div)
    }
  })

незачем jquery
https://codepen.io/anon/pen/BbpBGK

$("html, body").animate({
  scrollTop: target.offset().top - 150 // или на сколько пикселей выше надо
}, 900, function(){
  $(document).on("scroll", onScroll);
});

function getIP(ip) {
  return fetch('https://extreme-ip-lookup.com/json/' + ip)
	.then(d => d.json())
	.then(d => ( {status: d.status, country: d.country} ))
}

myip = await getIP("77.120.150.66")   
// {status: "success", country: "Ukraine"}

добавь строчку, иначе сразу оба евента срабатывают, и клик на стопе, и клик на видео

$("#stop").click(function(e) {
	e.stopPropagation()
...

let hideBlock = true

document.querySelectorAll('input')
	.forEach(input => {
		// console.log(input.min, input.max, input.value)
		if (input.value && +input.value > +input.min) 
			hideBlock = false
	})
 
if (hideBlock) {
	document.querySelector('.block').style.display = 'none'
} else {
	document.querySelector('.block').style.display = 'block'
}

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

document.querySelector('select[name=cat]').querySelector('[value="4"]')

или поставить выбранный по умолчанию пункт?
<option value="4" selected>Прочее</option>

или так

document.querySelector('select[name=cat]').querySelector('[value="4"]').selected = true

находит все, но с каждым из них произвести операцию надо по отдельности через .each
https://api.jquery.com/each/

$('.statistics-diagram-grafi__item').each( (index, item) => {
  // вот здесь у item ставим css height
} )

что за аттрибут onClick, это в реакте происходит, или просто в html/js?

document
  .querySelector('#Open_Main')
  .addEventListener('click', function () { alert('hello') })

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

как-то так?
https://codepen.io/anon/pen/bZeOoN

Array().__proto__
в консоли например

canvas / webgl
там же прямо на картинке есть ссылка на гитхабы
https://github.com/akella/fake3d
https://tympanus.net/codrops/2019/02/20/how-to-cre...

пока что никак :(
обещают добавить в будущих версиях JS типа if (option.?items.?params.?), но пока что лишь на стадии предложения/рассмотрения

вычитаю 1 от разницы между годами, добавляю 1 если день рождения "в этом году уже был"
d это Date(), например new Date(2000, 2, 4) - 4 марта 2000

function diff(d) {
	const now = new Date()
	const addOne = now.getMonth() - d.getMonth() >= 0 && now.getDate() - d.getDate() >= 0
	const diff = now.getFullYear() - d.getFullYear()
	return diff - 1 + (addOne ? 1 : 0)
}

Вроде хуки гарантируют что они выполнятся всегда после рендера, и ни в какой другой момент
То есть поведение предсказуемо, и коллбек не нужен для этого