JavaScript DOM Scripting By Example Adding and Removing Names Removing Names

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) =>{
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';

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


ul.addEventListener ('change', (e) => {
  const checkbox =;
  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
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: