visual studio code - Javascript in VSCode Jupyter notebook not showing output - Stack Overflow

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.

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.

• javascript
• visual-studio-code
• jupyter-notebook

Share Improve this question Follow asked Jan 19, 2022 at 10:17 Sam Van BattelSam Van Battel 13311 silver badge77 bronze badges 3

• have you found the solution? I'm having the same issue. – Nour Commented Feb 13, 2022 at 21:00
• sadly, no answers found yet :-( – Sam Van Battel Commented Feb 25, 2022 at 19:06
• I posted an answer, not really sure if it works for you. – Nour Commented Feb 26, 2022 at 7:11

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 10

try using:

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

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>

I started using this extension and it is working perfectly.

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

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