WebDEV

// В каком порядке выведутся логи?
const nums = [1, 2];

const run = () => {
  nums.forEach(async (num) => {
    await Promise.resolve();
    console.log(num);
  });
  console.log('Done');
};

run();

/* Чему будет равен margin-top у элемента .child? */
.parent {
  width: 400px;
  height: 200px;
}

.child {
  margin-top: 10%;
}

// Какой будет результат выполнения кода?
const user = {
  name: 'Max',
  greet() {
    setTimeout(function() {
      console.log(`Hi, ${this.name}`);
    }, 100);
  }
};

user.greet();

const [a, ...b] = [1, 2, 3];
const c = b;
c.push(4);

console.log(b);

:root {
  --main-color: red;
}
.box {
  --main-color: blue;
  color: var(--main-color, green);
}
/* Какой цвет текста будет у элемента .box? */

console.log(1);
setTimeout(() => console.log(2), 0);
queueMicrotask(() => console.log(3));
console.log(4);

const numbers = [1, 2, 3];
const result = numbers.push(4);

console.log(result);

/* Какой цвет будет у текста в <div class="box">Text</div> ? */
div { color: red; }
.box:not(span) { color: green; }
.box { color: blue; }

Promise.resolve(1)
  .then(x => x + 1)
  .then(x => { throw x })
  .catch(x => x + 1)
  .then(x => console.log(x));

// Сколько раз выполнится цикл и что выведется в консоль?
const obj = { 
  [Symbol('id')]: 1, 
  id: 2 
};

let count = 0;
for (let key in obj) {
  count++;
}

console.log(count);