ipython %%javascript magic output into cell and console

Question

How to adjust ipythons' %%javascript cell magic so that it outputs both to output cell of ipython and to console of the browser as shown below

I don't want to use alert(). Furthermore, I tried to get similar behavior with nodejs using %%script magic

%%script node
console.log("Hi")

But this is not what I need.

Answer 1

Just came across this which got me part of the way there but as noted if you use only element.text() you only get the last one. But you can use element.append() repeatedly in the same cell with the %%javascript and and all of the output will go to the following cell. Just make sure to append a <br> if you want a carriage return. Like for example

function assert(cond,msg)
{
   if (!cond)
   {
     element.append(msg + "<br>");
   }
}

Answer 2

you have access to the output Dom node under the variable named element wrapped in jquery. So:

%%javascript
element.text('Hi')
console.log('There')