const btn = document.querySelector('.btn');
btn.addEventListener('click', function() {
  this.textContent = 'Clicked';
});

WebDEV #test #Frontend

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

for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 0);
}

WebDEV #test #Frontend

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

console.log(1 + "2" - 1);

WebDEV #test #Frontend

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

div {
  width: 100px;
  padding: 20px;
  box-sizing: content-box;
}
/* Чему равна полная ширина элемента? */

WebDEV #test #Frontend

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

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);

WebDEV #test #Frontend

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

let count = 0;
const nums = [0, 1, 2, 3];

nums.forEach(num => {
  if (num) count += 1;
});

console.log(count);

WebDEV #test #Frontend

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

.parent {
  display: flex;
  height: 200px;
}
.child {
  height: 50%;
  flex-grow: 1;
}
/* Какая высота будет у .child? */

WebDEV #test #Frontend

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

const bird = {
  size: 'small'
};

const mouse = {
  name: 'Mickey',
  small: true
};

console.log(mouse[bird.size]);

WebDEV #test #Frontend

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

const user = { name: "Alice" };
Object.freeze(user);
user.name = "Bob";
console.log(user.name);

WebDEV #test #Frontend

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

div {
  display: flex;
  justify-content: center;
}
/* Как будут выровнены элементы? */

WebDEV #test #Frontend

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

const a = [1, 2, 3];
const b = a.map(num => {
  if (num > 1) return num;
});
console.log(b);

WebDEV #test #Frontend

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

async function getData() {
  return "Hello";
}
console.log(getData());

WebDEV #test #Frontend

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

div {
  width: 100px;
  height: 100px;
  background: red;
  display: none;
}
/* Будет ли элемент занимать место на странице? */

WebDEV #test #Frontend

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

const a = {};
const b = { key: "b" };
const c = { key: "c" };

a[b] = 123;
a[c] = 456;

console.log(a[b]);

WebDEV #test #Frontend

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

console.log(typeof null);
console.log(typeof (() => {}));

WebDEV #test #Frontend

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

.element {
  position: static;
  z-index: 999;
}
/* Будет ли элемент поверх остальных? */

WebDEV #test #Frontend

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

const numbers = [1, 2, 3, 4];
const res = numbers.reduce((acc, curr) => acc + curr);
console.log(res);

WebDEV #test #Frontend

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

const str = "Hello";
str.test = 5;
console.log(str.test);

WebDEV #test #Frontend

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

/* font-size у html равен 16px */
.container {
  font-size: 20px;
}
.text {
  font-size: 2rem;
}
/* Какой размер шрифта будет у .text? */

WebDEV #test #Frontend

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

const arr = [1, 2, 3, 4, 5];
arr.length = 2;
console.log(arr);

WebDEV #test #Frontend

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