Jak podmienić wartosc zmiennej w JS za pomoca przycisku?

Question

Witam,

Za pomoca przycisku chce w polu textowym wrowadzić zmienna i chce aby ona była nowa wartoscia zmiennej.

Jest ktoś w tanie mi to wytłumaczyć albo napierować bo próbowałem ale mi to nie chce przejść.

Mam nadzieje że dobrze wytłumaczyłem o co mi chodzi.

Answer 1

Za pomoca przycisku chce w polu textowym wrowadzić zmienna i chce aby ona była nowa wartoscia zmiennej.

ale że w sensie że co...? Nic z tego nie rozumiem :)

Pole tekstowe to zapene <input> albo <textarea>.

Zmienna może być dowolnego typu, pewnie masz tu na myśli jakąś zmienną przechowującą string.

Kliknięcie przycisku to obsłużenie jego zdarzenia click, np. metodą addEventListener.

i teraz nie wiem co dokładnie chcesz zrobić.. aby pobrać wartość inputa to po prostu pobierz referencję do tego elementu DOM np. przy użyciu getElementById, querySelector itd. i odczytaj właściwość value albo defaultValue zależy co tam chcesz robić.

Aby przypisać nową wartość value do pola input to też posłuż się tą samą referencją.

Albo wyjaśnij jakoś dokładniej w czym leży problem to pomożemy, najlepiej wrzuć też swój kod na codepen.

Comments

Sorry źle napisałem.

Z pola textowego chce pobrać cyfre za pomocą przycisku i zrobić z niej wartość zmiennej.

---

Stwórz pole input:

<input type="number" id="digit" >

Stwórz w JS referencję do tego elementu DOM:

const digit = document.getElementById('digit');

pobierz wartość pola input przy użyciu tej referencji:

digit.value;

przypisz to do jakieś zmiennej:

const val = digit.value;

i do tego jeśli ma to być na jakimś zdarzeniu buttona to obsłuż jego event:

[referencja do buttona].addEventListener('click', () => {
    //ciało funkcji
});