const os = { name: "Linux" };
const user = { nickname: "loneymist", os };

const clone = Object.assign({}, user);
clone.os.name = "Ubuntu";

console.log(user.os.name);

/* HTML: <div class="server" data-map="de_dust2"></div> */
.server::before {
  content: attr(data-map);
}

.server {
  display: flex;
}
/* Станет ли псевдоэлемент ::before flex-элементом? */

const kpop = new Map();
kpop.set({ group: 'ATEEZ' }, 'San');

console.log(kpop.has({ group: 'ATEEZ' }));

const band = { name: "twenty one pilots" };
const fans = new WeakSet();
fans.add(band);

band.name = "TOP";
console.log(fans.has(band));

.container {
  overflow: hidden;
}

.header {
  position: sticky;
  top: 0;
}
/* Сработает ли залипание (sticky) для .header? */

const anime = ['Naruto', 'Bleach'];
const result = anime.map(async (title) => {
  return title;
});

console.log(result[0] instanceof Promise);

const game = Object.freeze({ 
  name: "CS 1.6", 
  maps: ["de_dust2"] 
});

game.maps.push("cs_assault");
console.log(game.maps.length);

/* Как поведут себя блоки внутри .vr-grid при нехватке места? */
.vr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

class Cat {
  constructor() { 
    this.name = "Zhora"; 
  }
  
  static meow() { 
    return "Meow!"; 
  }
}

const myCat = new Cat();
console.log(myCat.meow());

async function setupVR() {
  const os = await "Linux";
  console.log(os);
}

setupVR();
console.log("ALVR");

/* Каким цветом будет слово "Mingi"? */
.ateez p:nth-child(2) { color: red; }
.ateez p:nth-of-type(2) { color: blue; }

/* HTML:
<div class="ateez">
  <h2>Members</h2>
  <p>San</p>
  <p>Mingi</p>
</div>
*/