<div>
<div class="input-number input1">
<button class="style_pm BTN-M" type="button">-</button>
<input class="style_input I-1" id="I1" type="number" min="0" value="2" readonly>
<button class="style_pm BTN-P" type="button">+</button>
</div>
<br>
</div>
<div class="total">
<div class="estimation">
<div>
<span id="B1">2</span>- Basic (20 €)<br>
<span id="S1">1</span>- Senior (10 €)
</div>
<div>
<span id="sum1">40 €</span><br>
<span id="sum2"></span> 10 €</div>
</div>
<div class="estimation_total">Total:
<span id="TOTAL"> 50 €</span>
</div>
</div>
const input1 = document.querySelector('#I1'); // Получаем input
const btn_plus1 = document.querySelector('.BTN-P'); // Получаем кнопку плюс
const btn_minus1 = document.querySelector('.BTN-M'); // Получаем кнопку минус
const span1 = document.querySelector('#B1');
// Свойства nextElementSibling и prevousElementSibling здесь не нужны
btn_minus1.addEventListener('click', () => {
input1.stepDown(4); // Отнимаем 1 или указанное число (измените на 1)
span1.textContent = input1.value;
});
btn_plus1.addEventListener('click', () => {
input1.stepUp(8); // Прибавляем 1 или указанное число (измените на 1)
span1.textContent = input1.value;
});
<img src={star} alt="star" onClick={() => addFavoriteChanel(index)} id={index} className={`star ${favorite <b>=== index</b> ? 'active' : ''}`} />
const [favorite, setFavorite] = useState(0);
const addFavoriteChanel = (index) => {
if(favorite === index) {
setFavorite(0);
} else {
setFavorite(index)
}
}