Seeking review for last 3 lines of code.

const h1Text = document.querySelector('h1');
  h1Text.textContent='List of things';

// 2: Set the color of the <h1> to a different color
h1Text.style.color = 'lightBlue';

// 3: Set the content of the '.desc' paragraph
// The content should include at least one HTML tag
const pDesc = document.querySelector('p.desc');
pDesc.innerHTML = `<p>This is number 1.<strong>These are strong</strong></p>`

// 4: Set the class of the <ul> to 'list'
const list = document.querySelector('ul')
list.className = 'list';


// 5: Create a new list item and add it to the <ul> (append)
const item = document.createElement('li');
item.innerHTML = "<input>Thing 1";
list.appendChild(item);

// 6: Change all <input> elements from text fields to checkboxes
// My notes in laymens terms for understanding of problem: iterate through the list to change the type of all inputs feilds. 
const input = document.querySelectorAll('input');
for (let i = 0; i<input.length; i +=1){
input[i].setAttribute("type","checkbox");
}


// 7: Create a <button> element, and set its text to 'Delete'
// Add the <button> inside the '.extra' <div>
const  deleteButton = document.createElement('button');
deleteButton.textContent = 'delete';

const extra = document.querySelector('.extra');
extra.appendChild(deleteButton);



// 8: Remove the '.extra' <div> element from the DOM when a user clicks the 'Delete' button

deleteButton.addEventListener('click', () =>{
         extra.remove();            
})