• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

VPS Starter Arubacloud
0 głosów
122 wizyt
pytanie zadane 26 sierpnia 2019 w JavaScript przez Mariusz Podgórski Początkujący (400 p.)

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);

        }

    });
})

 

1 odpowiedź

0 głosów
odpowiedź 26 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)

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).

komentarz 27 sierpnia 2019 przez Mariusz Podgórski Początkujący (400 p.)
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?
komentarz 27 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)

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).

komentarz 27 sierpnia 2019 przez Mariusz Podgórski Początkujący (400 p.)
No faktycznie długość tego stringa wynosi 25 przy wpisaniu jednej cyfry i plusa ale dlaczego ?
komentarz 27 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)

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().

komentarz 27 sierpnia 2019 przez Mariusz Podgórski Początkujący (400 p.)
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.

Podobne pytania

0 głosów
0 odpowiedzi 289 wizyt
pytanie zadane 18 maja 2017 w Inne języki przez jajoxd15 Gaduła (3,740 p.)
0 głosów
0 odpowiedzi 219 wizyt
pytanie zadane 31 października 2016 w C i C++ przez DarthBartek Początkujący (480 p.)
0 głosów
1 odpowiedź 443 wizyt
pytanie zadane 23 października 2015 w HTML i CSS przez McHalt Użytkownik (580 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...