My workSpace displays different colors than the teachers and certain parts wont load

const toggleList = document.getElementById('toggleList');
const listDiv = document.querySelector('.list');
const descriptionInput = document.querySelector('input.description');
const descriptionP = document.querySelector('p.description');
const descriptionButton = document.querySelector('button.description');
const addItemInput = document.querySelector('input.addItemInput');
const addItemButton = document.querySelector('input.addItemButton');


toggleList.addEventListener('click', () => {
  if(listDiv.style.display == 'none') {
    toggleList.textContent = 'Hide List';
    listDiv.style.display = 'block';
} else {
  toggleList.textContent = 'Show list';
  listDiv.style.display = 'none';
}
});

descriptionButton.addEventListener('click', () => {
  descriptionP.innerHTML = descriptionInput.value + ':';
  descriptionInput.value = '';                                
                        });
addItemButton.addEventListener('click', () => { 
           let ul = document.getElementsByTagName('ul')[0];
           let li = document.creatElement('li');   
           li.textContent = addItemInput.value;
           ul.appendChild(li);
           addItemInput.value = '';
 });


p.title = "List description ";