JavaScript DOM Scripting By Example Adding and Removing Names Removing Names

James Barshaw
James Barshaw
4,525 Points

no remove button

where is my remove button and console says error app.js:18 Uncaught TypeError: document.creatElement is not a function here is my code

const form = document.getElementById('registrar');
const input = form.querySelector('input');
const ul = document.getElementById('invitedList');

form.addEventListener('submit', (e) =>{
  e.preventDefault();
const text = input.value;
input.value = '';
const li = document.createElement('li');
li.textContent = text;
const label = document.createElement('label');
label.textContent = 'confirmed';
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
label.appendChild(checkbox);
li.appendChild(label);

const button = document.creatElement('button');
  button.textContent = 'remove';
  li.appendChild(button);

  ul.appendChild(li);
});

ul.addEventListener ('change', (e) => {
  const checkbox = event.target;
  const checked = checkbox.checked;
  const listItem = checkbox.parentNode.parentNode;

  if (checked) {
    listItem.className = 'responded';
  } else { 
    listItem.className = '';
  }
});

Moderator edited: Markdown added so that code renders properly in the forums.

1 Answer

Jennifer Nordell
MOD
Jennifer Nordell
Treehouse Moderator

Hi there, James Barshaw ! I received your request for assistance and from just a quick glance, it looks like you fell victim to the great typo monster. Don't worry. He gets a lot of us :smiley:

On the line where you create the button you typed:

const button = document.creatElement('button');

But you meant to type:

// note the "e" on the end of "creat"
const button = document.createElement('button');

Hope this helps! :sparkles: