FrelFrloich

Приведи в нормальное состояние свой код, вряд ли кто то будет это читать. На вскидку

const btnAll = document.querySelectorAll('.btn')

for (let index = 0; index < btnAll.length; index++) {
    const btn = btnAll[index]

    btn.addEventListener('click', (event) => {
            btnAll.forEach((element) => {
                element.classList.remove('active')
            })
            btn.classList.add('active')
    })
}

const btn = document.querySelector('.btn-close')

btn.addEventListener('click', close)
function close() {
    let container = document.querySelectorAll('.column_module')
    container[3].classList.remove('hidden-xs')
}

Свипер лучше, слик глючный больно на вертикалке.

Это условно, подставите классы которые нужны.

const btn = document.querySelector('.btn')
const input = document.querySelectorAll('.input')

btn.addEventListener('click', (e) => {

    input.forEach(element => {
        element.value = ''
    });
})

speed = speed.value
element.style.animationDelay = `${speed}s`

https://jsfiddle.net/v9huntcx/

Вот как делают на ютубчике в коментах. Опять таки же, объясни для чего тебе это.



+ - вроде это тебе надо, но я так и не понял.

https://codepen.io/FrelAderal/pen/mdMgdOV

Можно и так.

<select class="select" name="" id="">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>

const select = document.querySelector('.select')

var num = 0
select?.addEventListener('change', (e) => {
    if (select.value.includes(1)) {
        console.log((num = 1))
    } else if (select.value.includes(2)) {
        console.log((num = 2))
    } else if (select.value.includes(3)) {
        console.log((num = 3))
    }
})

Не правильно понял, так что можно и так.

Это не своевременно, но разве это не просто круги с цифрами и бефор афтер с бордерами?

Трудно судить, но вы указали своему заголовку типо этого.

.title {
width: 300px
}

а надо:

.title {
width: 100%;
max-width: 300px;
}

таким образом вы укажите заголовку, растягиваться на 100 процентов, но максимально на 300px и когда ваша колонка будет уже 300px он не будет занимать твёрдую позицию в 300px а будет в 100% от этой колонки. В следующий раз заливайте пример своего кода сюда или аналог https://codepen.io/

Пути пропиши правильно, что же ещё делать и ssl сертификат купи.

Да есть.

function toISODate(milliseconds) {
    var date = new Date(milliseconds)
    var stap = 24 // Прибавляем к дате число смены пасспорта, допустим в 45 лет

    var y = date.getFullYear() + stap
    var m = date.getMonth() + 1
    var d = date.getDate()
    m = m < 10 ? '0' + m : m
    d = d < 10 ? '0' + d : d

    return [y, m, d].join('-')
}

var date1 = new Date()
var date2 = new Date(2001, 11, 30)

var timeSec = Math.abs(date1.getTime() - date2.getTime()) // Выясняем сколько лет парню
var timeSec2 = Math.abs(date2.getTime() + timeSec) // Прибавляем к его возрасту современную дату для вычисления сколько ему лет на сегодня

let divDate = document.createElement('div')
divDate.innerHTML = `Ближайшая смена пасспорта : ${toISODate((milliseconds = timeSec2))}`
document.body.appendChild(divDate)

Это бред конечно ещё тот, но может натолкнуть вас на какую либо мыслю, вообще лучше делать это на php в плане легче.

const parentF = document.querySelector('.block-container')
const childF = document.querySelector('.block')

const parent1 = childF.parentNode
const parent2 = childF.closest('.block-container')
const parent3 = childF.parentElement

console.log(parent1, parent2, parent3)

Можно пойти и в обратную, если у родителя есть потомок с таким то класом

hello.style.opacity = "0";
hello.style.transition = "0s all ease";
  setTimeout(function () {
   hello.style.opacity = "1";
   hello.style.transition = "0.3s all ease";
  }, 100);