Lukmann

эммм,при нажатии на кнопку делаете input.value = '' и все

а самому сделать?

<select name="" id="reservation-select">
								<option class="reservation-option _reqSelect" value=""></option>
							</select>
							<div class="custom-select">
								<p class="custom__select__title">
									Выберите количество
								</p>
								<i class="fal fa-angle-up"></i>
								<div class="dropdown-select">
									<div class="dropdown-item">1</div>
									<div class="dropdown-item">2</div>
									<div class="dropdown-item">3</div>
									<div class="dropdown-item">4+</div>
								</div>
							</div>
js код
let option = document.querySelector('.reservation-option');
let customSelect = document.querySelector('.custom-select');
let customSelectTitle = document.querySelector('.custom__select__title');
let dropdownSelect = document.querySelector('.dropdown-select');
let selectItem = document.querySelectorAll('.dropdown-item');
customSelect.onclick = function(){
	dropdownSelect.classList.toggle('active');
	for(let i = 0;i<selectItem.length;i++){
		selectItem[i].onclick = function(){
			for(let i = 0;i<selectItem.length;i++){
				selectItem[i].classList.remove('active');
			}
			selectItem[i].classList.add('active');
			option.value = selectItem[i].innerHTML;
			customSelectTitle.innerHTML = selectItem[i].innerHTML;
		}
	}
}

например я вот так делал

Как я знаю js спрятать нельзя,можете на php запросы отправлять и сравнивать ответ

как я помню этот вопрос был,

var my;
xhr.addEventListener("ready", token);
function token() {
my = xhr.getResponseHeader('key');
}
console.log(my);

var countDelivery;
  $('.basket__item input').on('click', function() {
    countDelivery = $(this).data('count');
  });
console.log(countDelivery);

function plusProduct(array){
	$('.plusProduct').on('click',function(){
		let inputNum = +$('.твой инпут').val();
		let plusInput = inputNum++;
		let plusProduct = inputNum++;
		$('.твой инпут').val(plusProduct);
	});

}


function minusProduct(array){
	$('.minusProduct').on('click',function(){
		let inputNum = +$('.твой инпут').val();
		let plusInput = inputNum--;
		let plusProduct = inputNum--;
		$('.твой инпут').val(plusProduct);
		if($('.твой инпут').val() <= 1){
			$('.твой инпут').val(1);
		};
	});
};

Чтобы менялось цена просто умножай цену на количество

input.style.borderColor = '';
if(input.value === ''){
input.style.borderColor = 'red';
}
лучше залейту на jsfidle или codepen чтоб люди могли понять как именно вам помочь

сделай кастомные select на дивах,и создай select внутри которого будет option которому ты должен задатьdisplay: none; и при каждом клике на кастомный option ты должен записывать его значение в настоящий option

Это будет зависит как вы реализовали логику интернет магазина,вы используете только js или используете и php?коротко говоря
берет значение инпута превращяете в number и умножаете на цену смотря как вы реализовали логику интернет магазина

btn.addEventListener('click',addToCard);
function addToCard(){
let cart = [];
	let id = this.getAttribute('data-id');
//id это идентификатор и номер продукта //
	if (cart[id] != undefined) {
		cart[id]++;
	}else {
		cart[id] = 1;
	}

}

посмотри на ютубе видос интернет магазин с нуля на канале WEBDEV c нуля
там есть этот момент

а зачем в переменной scroll вы добавили прокрутку + высоту страницы?

window.addEventListener('scroll', scrollAnimation);
//Вот сюда вместо scroll__elem вы ставите свои элементы//
  let scrollElements = document.querySelectorAll('.scroll__elem');
  let clientHeight = document.documentElement.clientHeight;
  function scrollAnimation(){
     for(let i = 0;i<scrollElements.length;i++){
//Вот сюда ставишь при скольки показании элемента будет срабатывать функция//
        let plus = clientHeight  / 2;
        let plusResult = clientHeight - plus;
        if (plusResult >= scrollElements[i].getBoundingClientRect().top) {
//Вот здесь сама функция//
          scrollElements[i].classList.add('anim');
        }
      }
  }

.text a{
    position: relative;
    transition: 0.3s ease;
}

transition добавьте

задайте родителю определенную ширину

z-index ом попробуй поработать,в таких случаях нужно кидать ссылку на верстку чтоб люди понимали как тебе помочь

я бы сделал бы с абсолютным позиционированием,top:50%;
left:0;transform:translate(0,-50%);

Братан у меня такое тоже было,просто дальше пытайся сам учится,смотри видосы по верстке если выходит проблема попробуй гуглить самыми разными словами,твоя проблема наверное когда ты была у другого человека,если вообще не находишь можешь сюда написать,главное тебе после курса html css много практиковаться,верстай макеты и т.д

а обязательно при наведении?