hzzzzl

для открытия связать кнопки с дивами-модалами
для закрытия Element.closest()
https://developer.mozilla.org/ru/docs/Web/API/Elem...

https://jsfiddle.net/9hj0y8vw/1/

первый лучше конечно,
в первом случае выберется 10 нужных элементов, по которым будет цикл each(), а во втором МИЛЛИАРД, и по всем будет цикл each()

document.querySelector('nav ul').append(li);

ты это, побыстрее от теории к практике

лучше два часа усердно погуглить, почему у тебя конкретно в этом месте скрипт не работает с вот этой вот ошибкой, чем две недели читать в книге, что надо сделать, чтобы ошибки этой не случилось (а потом через № недель когда наконец перейдешь к практике, то ошибка все равно случится)

так не подойдет?

arr = Object.values(obj).sort((k, kk) => kk[2] - k[2])

потому что евент всплывает прямо до корневого document, у которого нет класслиста



предлагаю вешать листенер на document.body.addEventListener(......)

react step by step form example
https://css-tricks.com/the-magic-of-react-based-mu...
https://www.npmjs.com/package/react-stepzilla
https://reactjsexample.com/responsive-reactjs-mult...

лишняя |

https://regex101.com/r/qGX9Fv/1

utm_([a-z]*)?=(([a-z_-]|\d)*)?

let yellowCard = game.statistics.find(item => item.type === "Yellow Cards") || {};
let attacks = game.statistics.find(item => item.type === "Attacks") || {};
let dangerousAttacks = game.statistics.find(item => item.type === "Dangerous Attacks") || {};

console.log(dangerousAttacks.blabla) // undefined

function whatIsInAName(collection, source) {
  return collection.filter(obj => 
	  Object.entries(source).every(([key, val]) => obj[key] === val)
  )
}

сохраняешь в браузере количество элементов на странице, например articlesLoaded = 10

когда доскролливаешь до последнего загруженного элемента на странице, то браузер делает запрос на сервер, получает ответ и дорисовывает новые элементы, заодно сохраняет новое количество элементов на странице, например articlesLoaded = articlesLoaded + 10

fetch('/api/getmore?skip=' + articlesLoaded).then(.....)

на стороне сервера/mongo делаешь подобный запрос

const newArticles = await Article.find({}).limit(10).skip(req.query.articlesLoaded)

https://beginnersbook.com/2017/09/mongodb-limit-an...

в самом WorkItem есть обработчик onClick по элементу хтмл?
онКлик можно повесить только на хтмл элемент, на div например какой-нибудь, или что там за item

<WorkItem onClick={() => {alert(1)}} />

class WorkItem extends React.Component {
  render() {
    return <div onClick = {this.props.onClick}>i am clickable work item</div>
  }
}

node.js посмотри обязательно, если действительно понимаешь перечисленное в посте, то будет не очень сложно накидать свой работающий мини-проект

лечи причину, а не последствия
попробуй убрать у этого wrapper все паддинги в медиа-запросах, по ходу это он не влезает по ширине

let question = prompt("Добрый день! Напишите что вы хотите о мне узнать! Имя Или Возраст");

let personInform = {
    name: "Вася",
    age: "100"
};

if( question == "Имя"  ) { 
    alert( personInform.name )
} else if(question == "Возраст") {
    alert(  personInform.age  )
} else{
    alert("Обо мне нет такой информации! Смотри выше.")
}

у тебя наверно не работало потому что вот это неправильно

prompt("Добрый день! Напишите что вы хотите о мне узнать! Имя Или Возраст" "Имя");