
James Barshaw
4,525 Pointsno 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
Treehouse ModeratorHi 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
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!