Javascript code please help

[Jeeshan15]

let searchBtn = document.querySelector(‘#search-btn’);
let searchBar = document.querySelector(‘.search-bar-container’);
let formBtn = document.querySelector(‘#login-btn’);
let loginForm = document.querySelector(‘.login-form-container’);
let formClose = document.querySelector(‘#form-close’);

window.onscroll = () => {
searchBtn.classList.remove(‘fa-times’);
searchBar.classList.remove(‘active’);
};

searchBtn.addEventListener(‘click’, () => {
searchBtn.classList.toggle(‘fa-times’);
searchBar.classList.toggle(‘active’);
});

formBtn.addEventListener(‘click’, () => {
loginForm.classList.add(‘active’);
});

formClose.addEventListener(‘click’, () => {
loginForm.classList.remove(‘active’);
});

Please help me this code does not run

[bbsmooth]

That error means that the variable formClose is null and thus you can’t add an event listener to it.

@Jeeshan15

let formClose = document.querySelector('#form-close');

Are you sure you have an element with the id of form-close?