Dlaczego slice() nie działa tak jak powinno.

Question

Witam tworzę prosty kalkulator i napotkałem interesujący ale nie zrozumiały dla mnie problem.

Lapidarnie mówiąc problem jest, iż nie chce w stringu plusa który zostanie po wciśnięciu przycisku + chce się pozbyć ostatniego znaku. jednak slice() nie działa tak jak powinno. to slice() które użyłem nie wyświetli 4 pierwszych znaków tak jak powinno. Dla testów spróbowałem czy wyświetli z wartościami ujemnymi i tak wyświetli  slice(-1) tak wyświetli ostatni znak. Dla jasności nie chodzi mi jak to mogę zrobić inaczej chodzi mi dlaczego slice(0,maniek.length -1))    nie działa poprawnie lub slice(1, 3)) także nie zadziała poprawnie ?

 

const result = document.querySelector('.result');
const buttons = document.querySelectorAll('.button');





buttons.forEach(button => {

    button.addEventListener("click", (e) => {

        result.textContent += e.target.textContent;


        if (e.target.textContent === "+") {
            const firstNumber = result.textContent.slice(0, result.length - 1)

            console.log(firstNumber);

        }

    });
})

 

Answer 1

Zmienna result przechowuje element z DOM.

result.textContent.slice(0, result.length - 1)

Tutaj w nawiasie odnosisz się do property length elementu z DOM, a nie długości jego zawartości. Przed length dopisz textContent (tak, jak masz przy odniesieniu do metody slice przed nawiasem).

Comments

Działa dzięki bardzo. Nie rozumiem tylko, jeżeli wpisywałem na sztywno slice(0,3) nie pokazywało mi nic pustka może wiesz dlaczego?

---

Co zawiera result.textContent (wypisz w console.log)? Możesz pokazać HTML tego elementu? Być może treść elementu zaczyna się od pustych znaków (spacji, znaków nowej linii, tabulacji).

---

No faktycznie długość tego stringa wynosi 25 przy wpisaniu jednej cyfry i plusa ale dlaczego ?

---

Pokaż kod HTML tego elementu.

przy wpisaniu jednej cyfry i plusa

Nie rozumiem.

---

Możesz pozbyć się białych znaków korzystając ze String.prototype.trim().

---

Dobra już wiem w tagu result był jakiś tag help nie wiem co on tam robił usunąłem go był niepotrzebny.  Kodowałem Html i CSS dawno temu kiedy uczyłem się flexBoxa teraz chciałem zakodować JS. Sorry, że zmarnowałem tobie tyle czasu ale wszyscy uczymy się na błędach. Dziękuje jeszcze raz za poświęcony mi czas.