Javascript in VSCode Jupyter notebook not showing output

Question

I'm using VS Code, and was wondering if the Jupyter Notebook support also supports Javascript. Looking around online it looks like it should, but I am unable to produce any output.

This python code shows output "test":

print("test")

This JS code does not show any output:

%%javascript
console.log("test");

This JS code also does not show any output:

%%javascript
element.text("test");

And because I'm desparate, I've also tried this:

%%javascript
element.text = "test";

I have no clue what it is I am doing wrong...

VS Code, Python extension and Jupyter extension are all up to date.

have you found the solution? I'm having the same issue.

Nour
– Nour

2022-02-13 21:00:46 +00:00
Commented Feb 13, 2022 at 21:00 — Nour
– Nour, Commented Feb 13, 2022 at 21:00
sadly, no answers found yet :-(

Sam Van Battel
– Sam Van Battel

2022-02-25 19:06:48 +00:00
Commented Feb 25, 2022 at 19:06 — Sam Van Battel
– Sam Van Battel, Commented Feb 25, 2022 at 19:06
I posted an answer, not really sure if it works for you.

Nour
– Nour

2022-02-26 07:11:10 +00:00
Commented Feb 26, 2022 at 7:11 — Nour
– Nour, Commented Feb 26, 2022 at 7:11

Ryan Zhang · Accepted Answer · 2022-08-02 06:29:52Z

10

try using:

%%script node   
console.log("test");

edited Aug 2, 2022 at 6:29

Ryan Zhang

2,04311 silver badges22 bronze badges

answered Jul 25, 2022 at 17:45

GUS-code

1161 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kaihua Feb 27 at 21:23

This works for Google Colab. Thank you very much.

Conchylicultor · Accepted Answer · 2023-03-13 14:49:48Z

2

In VSCode, the Javascript console is available through Help > Toggle Developer Tools, then on the Console tab. You'll see the console.log output appear (VSCode is based on Chromium, so it should be familiar if you ever used the Chrome JS console).

If you want the output to appear in the notebook, you can use javascript to update the HTML output, like:

%%html
<div id='abcd'></div>

<script>
var elem = document.getElementById('abcd');
elem.innerHTML = 'Some text';
</script>

edited Mar 13, 2023 at 14:49

answered Mar 13, 2023 at 14:25

Conchylicultor

5,9893 gold badges47 silver badges48 bronze badges

Comments

Nour · Accepted Answer · 2022-02-26 07:10:38Z

0

I started using this extension and it is working perfectly.

https://marketplace.visualstudio.com/items?itemName=lostfields.nodejs-repl

I think it is not the same as Jupyter but it was enough for me.

answered Feb 26, 2022 at 7:10

Nour

5,5093 gold badges46 silver badges73 bronze badges

1 Comment

Sam Van Battel Over a year ago

The thing I like specifically about Jupyter Notebooks is that they are a sort of 'interactive documents', which is great for the introductory programming course I teach in high-school. It would be amazing for me if I can provide students with the same type of document when I want to switch to Javascript with them.

Collectives™ on Stack Overflow

Javascript in VSCode Jupyter notebook not showing output

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related