JavaScript - zmiana wartości input

pytanie zadane 2 stycznia 2020 w JavaScript przez Luckyluck87 Użytkownik (660 p.)

Witam,

Najpierw kod:

Mam pole input oraz dwa przyciski : plus i minus. Ma to działać tak że co kliknięcie w plus, wartość (zarówno w polu jak i jego value) ma się zwiększać o 1 i analogicznie w druga stronę przy kliknięciach w minus. No i to działa. Problem pojawia się kiedy wpisze w input jakąś wartość i następnie chcę dalej zmieniać poprzez klikanie przycisków, to już nie działa.

Nie wiem jak sobie z tym poradzić , będę bardzo wdzięczny za pomoc.

edit: atrybut value ulega zmianie ale input.textContent już nie

2 odpowiedzi

odpowiedź 2 stycznia 2020 przez Tomek Sochacki Ekspert (227,490 p.)
wybrane 2 stycznia 2020 przez Arkadiusz Waluk

Najlepsza

a jakbyś zrobił w JS po prostu coś takiego?

const switchMinus = document.querySelector('.minus');
const switchPlus = document.querySelector('.plus');
const input = document.querySelector('.input');

function getCurrentValue() {
  return parseInt(input.value || 0, 10);
}

switchMinus.addEventListener('click', () => input.value = getCurrentValue() - 1);
switchPlus.addEventListener('click', () => input.value = getCurrentValue() + 1);

Pisane na mobile, nie testowałem na jsfiddle bo nie lubię tych narzędzi w wersji mobile, ale wydaje mi się, że powinno to spełnić Twoje założenia. Trzeba by oczywiście ograć jakieś corner case itp.