Алексей Орлов

let testArr = [];

function addInArr(data){
		testArr.push(data);
}

addInArr("data");
addInArr("SomeData");

console.log(testArr);

const button = document.querySelectorAll('.button')
const item = document.querySelectorAll('.item')

function buttonClick() {
    button.forEach((el, index) => {
      el.addEventListener('click', () => {
          button.forEach(elem => {
            elem.classList.toggle('yellow');
            elem.classList.toggle('red');
          });
          item.forEach((elem, id) => {
            elem.style.display = index === id ? 'block' : 'none';
          })
        });
    })
}

buttonClick();

const Button = ({ handler }) => (
  <button onClick={handler}>Нажми на меня</button>
);

const App = () => {
  const [element, setElement] = useState(1000000);

  const handler = () => {
    setElement(element - 1);
  };

  return (
    <div className="page" id="page">
      <div className="element">{element}</div>
      <Button handler={handler} />
    </div>
  );
};

var counter = $('#counter');
var rangeOne = $('#range-1');
var rangeTwo = $('#range-2');

$(document).on('input', 'input', function(){
  $('#counter').text(parseInt(rangeOne.val()) + parseInt(rangeTwo.val()));
})

Правильно ли будет изначально брать макет с меньшей шириной 320px и делать на нем универсальное решение, которое будет смотреться одинаково и при увеличении до 576px, то есть идти от меньшего к большему?

name, _, age = list(soup.find_all(class_='block')[0].children)

rand = np.random.randint(150, size=1)[0]
if rand < 100:
    res = rand // 2
else:
    res = rand - 50

.nav {
  display: grid;
  grid-auto-columns: 30px; // можно ограничить максимальный размер ячеек, если не хочется чтоб их растягивало на всю ширину, но можно сам контейнер не растягивать
  grid-auto-flow: column; // вот оно
  grid-gap: 5px;
}

$('.list-item').filter((i, n) => $(n).data('pagereview') !== $(n).data('pageslug')).hide();

$('[data-pageslug]').each(function() {
  const $this = $(this);
  $this.toggle($this.attr('data-pagereview') === $this.attr('data-pageslug'));
});

document.querySelectorAll('.list-item').forEach(n => {
  n.hidden = n.getAttribute('data-pagereview') !== n.getAttribute('data-pageslug');
});

for (const { style, dataset } of document.getElementsByClassName('list-item')) {
  if (dataset.pagereview !== dataset.pageslug) {
    style.display = 'none';
  }
}

.hidden {
  display: none;
}

const items = document.querySelectorAll('[data-pageslug]');
for (let i = 0; i < items.length; i++) {
  const { classList: c, attributes: a } = items[i];
  c.toggle('hidden', a['data-pagereview'].value !== a['data-pageslug'].value);
}