Testowanie kodu JavaScript w jsconsole

Question

Witajcie

próbuje przetestować ten kod kopiując go z Visual Studio Code do strony jsconole i tam wychodzi mi undefined. 

Gdzie jest błąd?

var addOne = function (x) {
    return x+1;
};

var six = addOne(5);

 

Answer 1

A spróbuj wpisać coś takiego.

let liczba = 6;

Musisz jeszcze tą liczbę wyświetlić. 

Comments

Ale niby wynik powinien się wyświetlać już na bazie istniejącego kodu. Nie trzeba na sztywno wpisywać wyniku.

Answer 2

Nie ma błędu. Konsola wypisuje wynik wyrażeń. Jeśli wpiszesz `six` albo `addOne(5)`, wyświetli 6.

Swoją drogą, czemu osobna strona jsconsole, a nie po prostu konsola w przeglądarce?

Comments

Zaczynam dopiero z VSC i JS i jeszcze nie wiem jak to się testuje w VSC, coś mi tam nie wychodzi uruchamianie kodu.

A jak to się robi w konsoli w przeglądarce? Ściągnąłem co prawda Debugger for Chrome ale jak próbuje uruchomić ten kod naciskając 'Ctrl+F5' to wyskakuje mi http://localhost:8080/ 

Serwer localhost odrzucił połączenie. (otwiera się w IE)

 

• Czy chodziło Ci o http://localhost-8080.com/?
• Wyszukaj w Google: localhost 8080

ERR_CONNECTION_REFUSED

---

Miałem na myśli konsolę w samej przeglądarce, nie debugowanie przez VSC. Nie ukrywam, że nie znam się na integrowaniu VSC z Chromem (ale jak używasz VSC to raczej warto się nauczyć).

Natomiast w samym Chromie... wciskasz F12, klikasz zakładkę "console", masz konsolę jak jsconsole.

---

Najprościej: W Chrome f12 - sources - snippets. New snippet i tam wrzucasz swój kod. Jak chcesz go testować dokładniej, dodajesz breakpoint przez ctrl + b, wtedy aplikacja się zatrzyma w odpowiednim miejscu przy starcie.

Jeśli chcesz testować z VSCode, nie musisz koniecznie używać wbudowanego debuggera. Instalujesz npm i nodemon (npm i -g nodemon) i potem w konsoli (ctrl + `) wpisujesz nodemon nazwaPliku.js.

Wtedy za każdą zmianą kodu, odpala Ci się on w konsoli i możesz podejrzeć wynik wylogowany przez console.log.

---

Dziękuje Ci serdecznie Kamil. Przetestuje te rozwiązania. Mam nadzieje, że z moją małą wiedzą dam radę :)

---

@adrian17

Dziękuje. To dużo ułatwienie.

---

@Kamil Naja, npm znalazłem w extensions w JSC, ale nie ma nodemon. Gdzie to znalźć?

---

Jak już pisałem:

Instalujesz NPM (zwykle jest dostępny już po zainstalowaniu node).

Potem npm i -g nodemon w konsoli. JSC olej.