HTML and Javascript in Jupyter

You know, I like Python, but I also kinda like Javascript and Html... so, here is another simple example to show how to use html and javascript in the Jupyter notebook... another great tool.


Let's just write something using html tags and a variable made with javascript to integrate the js code in the html tags.

%%html
<h1>Example of Html and Javascript in Jupyter</h1>
<div id="div1"><div>

<script>
a = 100
div1.innerHTML = "I am doing something here, I write: " + a
</script>

Example of Html and Javascript in Jupyter

I am doing something here, I write: 100

It's nice...

Here are some languages you can use in Jupyter notebook:

%%html

Render the cell as a block of HTML

%%javascript

Run the cell block of Javascript code

%%latex

Render the cell as a block of latex

%%perl

%%perl script magic

Run cells with perl in a subprocess.

This is a shortcut for %%script perl

%%pypy

%%pypy script magic

Run cells with pypy in a subprocess.

This is a shortcut for %%script pypy

%%python

%%python script magic

Run cells with python in a subprocess.

This is a shortcut for %%script python

%%python2

%%python2 script magic

Run cells with python2 in a subprocess.

This is a shortcut for %%script python2

%%python3

%%python3 script magic

Run cells with python3 in a subprocess.

This is a shortcut for %%script python3

%%ruby

%%ruby script magic

Run cells with ruby in a subprocess.

This is a shortcut for %%script ruby

Se ya soon.