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

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;
}

const selector = '.list-item';
const key1 = 'pagereview';
const key2 = 'pageslug';
const attr1 = `data-${key1}`;
const attr2 = `data-${key2}`;

const $elements = $(selector);

// или

const elements = document.querySelectorAll(selector);

$elements.show().filter((i, n) => $(n).data(key1) !== $(n).data(key2)).hide();

// или

$elements.each(function() {
  const $this = $(this);
  $this.toggle($this.attr(attr1) === $this.attr(attr2));
});

// или

elements.forEach(n => {
  n.hidden = n.getAttribute(attr1) !== n.getAttribute(attr2);
});

// или

for (const { style, dataset } of elements) {
  style.display = dataset[key1] === dataset[key2] ? 'block' : 'none';
}

// или (в стили надо будет добавить .hidden { display: none; })

for (let i = 0; i < elements.length; i++) {
  const { classList: c, attributes: a } = elements[i];
  c.toggle('hidden', a[attr1].value !== a[attr2].value);
}