const element = document.getElementById('my-element');
element.classList.add('selected');

const element = document.getElementById('my-element');

element.styles.visibility = 'visible';
element.styles.marginTop = '10px';
element.styles.marginBottom = '10px';

const container = document.querySelector('#root');

friends.forEach(friendHtml => container.appendChild(friendHtml));

const container = document.querySelector('#root');
const wrapper = document.createElement('div');

wrapper.classList.add('wrapper');

friends.forEach(friendHtml => wrapper.appendChild(friendHtml));

container.innerHtml = '';
container.appendChild(wrapper);

const container = document.querySelector('#root');
const fragment = document.createFragment();

friends.forEach(friendHtml => fragment.appendChild(friendHtml));

container.innerHtml = '';
container.appendChild(fragment);

const container = document.querySelector('#root');

container.innerHtml = '';
container.append(...friends);

const container = document.querySelector('#root');
const wrapper = document.querySelector('.wrapper');
const cloned = wrapper.cloneNode();

friends.forEach(friendHtml => cloned.appendChild(friendHtml));

container.replaceChild(cloned, wrapper);

const MyFavoriteNumber = 42;
const my_favorite_number = 42;
const my-favorite-number = 42;
const myfavoiritenumber = 42;

const myFavoriteNumber = 42;

for (let i = 0; i < myFavoriteNumber; i++) {
myFavoriteNumber += 1;
   console.log(myFavoriteNumber);
                   }


  function myFunction(variable) {

 myFavoriteNumber = 0;


}

let myFunction = () => {
  // please, work
}