// Что будет выведено в консоль?
let x = 1;
{
  console.log(x);
  let x = 2;
}

/* Применится ли z-index к элементу .item? */
.container {
  display: flex;
}

.item {
  z-index: 99;
}

// Какое имя будет у пользователя в исходном массиве?
const users = [{ name: 'Ivan' }];
const clone = [...users];

clone[0].name = 'Oleg';
console.log(users[0].name);

const cat = { name: "Zhora" };
Object.seal(cat);

cat.name = "Boris";
cat.age = 3;

console.log(cat.name, cat.age);

const trip = { dest: "Bangkok", days: 14 };
const { dest: city } = trip;

console.log(city, typeof dest);

const devices = ['loneypc', 'loneyphone'];
const network = devices.concat('loneyserver');

devices.push('router');

console.log(network.length);

const numbers = ["10", "10", "10"];
const result = numbers.map(parseInt);

console.log(result);

async function run() {
  try {
    await Promise.reject('Fail');
  } catch (e) {
    console.log(e);
    return 'Success';
  }
}

run().then(console.log);

/* Что произойдет с картинкой, если ее реальный размер 400x100? */
.img-container {
  width: 200px;
  height: 200px;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

const arr = [1, 2, 3];
arr[10] = 99;
console.log(arr.filter(x => x === undefined).length);

.parent {
  transform: scale(1);
  z-index: 1;
}
.child {
  position: absolute;
  z-index: 9999;
}
/* Перекроет ли .child элемент вне .parent, если у того z-index: 2? */