WapSter

Это же простейший код, в сети куча примеров.

Как написано в learn.javascript.ru, в правильном коде каждая функция должна делать только 1 действие.

у тебя пока onclick в html коде можешь даже не заморачиваться.

querySelectorAll возвращает коллекцию элементов, у этой коллекции нет свойства classList

teams не массив

let arr = [
  {
    "name": "крафт.gif",
    "offset": 964
  },
  {
    "name": "авария.gif",
    "offset": 681
  },
  {
    "name": "животные.gif",
    "offset": 777
  }
];

arr.forEach(n => {
  if (n.name === 'животные.gif') {
    n.offset = 500
  }
})
console.log(arr)

Определяешь на какой высоте элемент и используешь https://developer.mozilla.org/ru/docs/Web/API/Wind...

IntersectionObserver

IntersectionObserver + анимация на css

https://codepen.io/MalemScha/pen/NamYYM

Ты подключил скрипт раньше чем появился на странице DOM элемент

https://developer.mozilla.org/ru/docs/Web/JavaScri...
Через for

let result = 1;
for (let i = 1; i <= 100; i++) {
    result *= i
}

async upload(e) {
                e.preventDefault()
                const formData = new FormData()
                formData.append('performer', this.performer)
                formData.append('album', this.album)
                for (let file of this.audio) {
                    formData.append('audio', file)
                }
                formData.append('preview', this.preview[0]);
                try {
                    const res = await fetch(`${keys.BASE_URL}/music/add`,
                        {
                            method: 'POST',
                            body: formData
                        }
                    );
                    const result = await res.json()
                    this.success = result.success
                    this.id = result.id
                } catch (e) {
                }
            }

Ну вот тебе кусок кода разбирайся, правда он для vue, но все довольно понятно. На node нужен плагин multer.

css.yoksel.ru/animation-for-gradients

function myFunc(arg) {
  return arg
}

let result = myFunc('Строка')
console.log(result) // Строка

const wrapper = document.querySelector('.wrapper')
let index = 8
let div = document.createElement('div')
div.textContent = index

wrapper.append(div)

let Permissions = {canView: "True", canEdit: "False", canPrint: "True"};

function countTrueKeys(obj) {
  let count = 0
  for(let key in obj) {
    if (obj[key] == 'True') {
      count ++
    }
  }
  return count
}

console.log(countTrueKeys(Permissions)) // 2

for (let i = 0; i < 5; i++) {
  let line = ''
  for(let j = 0; j < i; j++) {
    line += '_'
  }
  console.log(`${line}*`)
}

Самый простой вариант