JavaScript DOM Scripting By Example Adding and Removing Names Removing Names

James Barshaw
James Barshaw
4,678 Points
Posted by James Barshaw
James Barshaw
4,678 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
STAFF
Jennifer Nordell
Treehouse Staff
Jennifer Nordell
Jennifer Nordell
Treehouse Staff

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: