WebDEV

/* Сколько <span> станут красными? */
div + span { color: red; }

/* HTML:
<div></div>
<span>1</span>
<span>2</span>
*/

const obj = {};
Object.defineProperty(obj, 'x', { value: 1 });
obj.x = 2;

console.log(obj.x);

// Что выведет консоль при деструктуризации?
const [a, b = 2, c = 3] = [1, null];

console.log(a, b, c);

/* Какая высота строки (line-height) будет у .child? */
.parent {
  font-size: 20px;
  line-height: 1.5;
}

.child {
  font-size: 30px;
}

const p1 = Promise.resolve(1);
const p2 = Promise.reject('Error');
const p3 = Promise.resolve(3);

Promise.all([p1, p2, p3])
  .then(console.log)
  .catch(e => console.log(e));

const set = new Set([NaN, NaN, NaN]);

console.log(set.size);
console.log(NaN === NaN);

/* Сработает ли клик (событие click) по кнопке .btn? */
.wrapper {
  pointer-events: none;
}

.btn {
  pointer-events: auto;
}

const obj = {
  val: 0,
  getVal() { 
    return this.val || 10; 
  }
};

console.log(obj.getVal(), obj.val ?? 10);

// Какие числа появятся в консоли?
const nums = [1, 2, 3];

nums.forEach(n => {
  if (n === 2) return;
  console.log(n);
});

/* Каким будет margin-left у элемента? */
.card {
  margin: 10px 5% 20px;
}