Nothing changes on the webpage

// 1: Select the element with the ID 'about'. 
//    Store the element in the variable `about`.
const about = document.getElementById('about');
about.style.border = "2px solid firebrick";

// 2: Select all the <h2> elements in the document.
//    Set the color of the <h2> elements to a different color.
const h2 = document.getElementsByTagName('h2');
for (let i =0:i< h2.length; i += 1) {
  h2[i].style.color = 'dodgerblue';
}


// 3: Select all elements with the class '.card'. 
//    Set their background color to the color of your choice.
const card = document.getElementByClassName('card');
for (let i = 0; i < card.lengt; i +=1) {
  card[i].style.backgroundColor = 'orange';

}

// 4: Select only the first <ul> in the document.
//    Assign it to a variable named `ul`.
const ul = document.querySelector('ul');
ul.style.border = "2px solid indigo";

// 5: Select only the second element with the class '.container'.
//    Assign it to a variable named `container`.
const container = document.qetElementsByClassName('cointainer')[1];
container.style.backgroundColor = "royalblue";

// 6: Select all <a> elements that have a 'title' attribute. 
//    Set their color value to the color of your choice.

const title = document.querySelectorAll('a[title]');
for (let i =0: i < title.lengt; i += 1) {
  title[i].style.color = 'hotpink';
}