Sashqa

Вот прям то, что вам надо

Примерно так можно

Вот тут прям в начале все понятно

document.querySelector('h1') - обращение к элементу
.innerHTML = 6; - вставляет цифру 6

Что конкретно вы пытаетесь сделать? И что именно не получается?

Вариантов несколько:
1) можете использовать готовые решения на jQ (steps, tabs, etc)
как вариант - www.jquery-steps.com/Examples
2) вы можете отверстать все эти блоки сразу и при клике отображать нужный, а не нужный соответственно скрывать

https://ru.vuejs.org/v2/guide/class-and-style.html
<div :class="{ active: isActive }"></div>

const block = $('#bukva')
if(block.text() == '0') {
    block.attr('disabled', 'disabled')
}

const arr = document.querySelector('span').innerText.split(',')
const select = document.getElementById('select');
arr.forEach(item => {
  const option = document.createElement('option');
  select.appendChild(option)
  option.setAttribute('value', item)
  option.innerText = item
})

по 1 - https://scrollmagic.io/
по 2 - можно посмотреть на самом сайте в main.js как реализовано

Возможно

Такое?