.element {
  mix-blend-mode: multiply;
  background: red;
}

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

const input = document.querySelector('input');
const hasValue = input.value.length > 0;
const isValid = input.checkValidity();
console.log(typeof hasValue, typeof isValid);

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = { ...obj1, ...obj2 };
console.log(merged.b, Object.keys(merged).length);

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

.parent {
  font-size: 16px;
}
.child {
  font-size: 2rem;
  margin: 1em;
}

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

const arr = [10, 20, 30, 40, 50];
const sliced = arr.slice(1, -1);
console.log(sliced);

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

const value1 = null ?? 'default';
const value2 = 0 ?? 'default';
const value3 = '' ?? 'default';
console.log(value1, value2, value3);

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

@supports (display: grid) {
  .container {
    display: grid;
  }
}
@supports not (display: grid) {
  .container {
    display: flex;
  }
}

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

const form = document.querySelector('form');
const formData = new FormData(form);
formData.append('extra', 'value');
console.log(formData.has('extra'), formData instanceof FormData);

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

async function test() {
  const result = await Promise.resolve(10);
  return result * 2;
}
test().then(value => console.log(value));

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

:root {
  --spacing: 10px;
}
.box {
  padding: calc(var(--spacing) * 2);
  margin: calc(var(--spacing) / 2);
}

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼