[o.....1]

siema miruny, ucze sie js-a, pisze sobie kalkulator i chce dodac dwie funkcje - ograniczenie ilosci znakow na wyswietlaczu zeby nie wychodzily liczby poza display i blokada klika operatora zeby nie bylo dwa razy ++ albo // , ktos cos pomoze? ( ͡º ͜ʖ͡º)
link do kodu https://jsbin.com/ruhequvoko/edit?html,css,output
#javascript

[passage]

@oskarn91: zamień "wyświetlacz" na input text

[Bonetti]

@oskarn91: może ogarnij walidację inputa poprzez użycie regexp

[o.....1]

@Bonetti: @passage: a mozecie kapke jasniej? dopiero zaczynam i nie rozumiem do konca co piszecie xD ale naprawde chce was zrozumiec :D

[passage]

@oskarn91: regexp do tego to trochę overkill, pokombinuj w ten sposób:

const buttonValue = button.getAttribute('data-num');

if (display.textContent.length < 10) {
display.textContent += buttonValue
}

[o.....1]

@passage: ok teraz rozumiem :) a jak mozna zrobic blokade operatora zeby nie mozna go bylo kilknac dwa razy i wiecej?

[passage]

@oskarn91: sprawdź ostatni znak z wyswietlacza czy nie jest cyfrą, jeśli nie jest i wartość buttona to teź nie jest to nie wypisuj znaku np:

const buttonValue = button.getAttribute('data-num');

if (display.textContent.length < 10 ) {
if (!(Number.isNaN(+display.textContent.slice(-1)) && Number.isNaN(buttonValue)) {
display.textContent += buttonValue
}
}

[o.....1]

@passage: po zastosowaniu tego nic mi sie nie wyswietla na displayu, klikam cokolwiek i zero reakcji ( ಠ_ಠ)

[passage]

@oskarn91: to popraw żeby wyświetlało :)

[o.....1]

@passage: juz wyswietla ( ͡° ͜ʖ ͡°) tylko temat jest taki ze twoje rozwiazanie w ogole nie blokuje powtorzen operatora, dalej moge wypisac dzialanie 123 **++ 123 dlaczego tak sie dzieje? xD

[passage]

@oskarn91: bo źle poprawiłeś? :P

ps. napisałeś, że się uczysz, więc trochę własnej inwencji, trochę wysiłku ;)

[o.....1]

@passage: co tu jest zle? xD https://jsbin.com/ruhequvoko/edit?html,css,output przeciez w vscode nie mam zadnych errorow wtf xD

[passage]

@oskarn91:
if (!(Number.isNaN(+display.textContent.slice(-1)) && Number.isNaN(+buttonValue))) {

(chodzi o + przed buttonValue) + zamienia string na integer

jeszcze musisz udoskonalić program tak aby nie można było wstawiać + - * / jako pierwszy znak gdy na wyświetlaczu nic nie ma. Ale z tym to sobie już poradzisz

[o.....1]

@passage: #!$%@? kto z plusa robi metode ktora zmienia typ zmiennej ja prdle xD ja przychodze do js-a ze swiata c# tam jest wszystko logiczne i poukladane a tu taki burdel juz na starcie masakra ( ಠ_ಠ)

[passage]

@oskarn91: też jest logiczne, ale najpierw poczytaj o specyfikacji EcmaScript

[passage]

@oskarn91: http://www.ecma-international.org/ecma-262/5.1/#sec-11.4.6

[passage]

@oskarn91:

[o.....1]

@passage: napisalbys mi jak to zrobic z ta blokada operatora przy pustym displayu? probowalem przez godzine na rozne sposoby i nic nie idzie, zagniezdzalem ify sprobowalem switch case'a i juz mi sie skonczyly pomysly ( ͡° ʖ̯ ͡°)

[passage]

@oskarn91:
if (!(Number.isNaN(+display.textContent.slice(-1)) && Number.isNaN(+buttonValue) || (display.textContent.length === 0 && Number.isNaN(+buttonValue)))) {

[Bonetti]

@oskarn91: Może i to overkill, ale jak chcesz to obczaj sobie jak by to wyglądało z regex:

https://jsbin.com/tamaroqelo/2/edit?html,css,output

[passage]

@Bonetti: jasne, tylko regex trzeba udoskonalić bo: https://regex101.com/r/cy0eJM/1 warunek newText.length < 10 też można zawrzeć w regexie.

Jeśli @oskarn91 ogarniałby regexa to myślę, że to by go zastosował, ale jeśli słabo to wtedy działa powiedzenie:

"Jeśli uważasz, że możesz rozwiązać swój problem przy pomocy wyrażeń regularnych, to masz już dwa problemy" czy jakoś tak ( ͡° ͜ʖ ͡°)