console.log("hello"); 
var g="serge";
function ajoute(x,y) {return x+y; }
Run

console.log(g); 
function hello(name) {
	console.log(`Hello ${name}!`); // ici on utilise les string litterals (pas obligé)
}
hello(ajoute(3,4));
hello("Bob");
Run

//b = new Element("div")
madiv = document.querySelector("#madiv");
madiv.innerHTML="ce texte vient de javascript !"
Run

console.log(`$\\pi$ = 3.14`); // oK mais mathsjax pas reconnu
console.log('<input type="text" id="name" name="name" required   minlength="4" maxlength="20" size="20" oninput="mydiv.innerHTML=this.value;">');
console.log("<div id='mydiv'>Type some text above</div>");
console.log("<b>bold ?</b>") // no...
Run

console.log(this.g);
console.log(this.ownerDocument);
Run

@html("<i>HTML Caption</i>")
@html('<button onclick="fn(this)">coucou</button>');
texte = @html("bonjour");
function fn(el) {
	el.innerHTML = "hello";// marche pas...
}
Run

texte = `
<svg width="100%" height="100%" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
  <circle cx="300" cy="300" r="250" style="fill:peru;" />
  <circle cx="200" cy="250" r="50" style="fill:black;" />
  <circle cx="400" cy="250" r="50" style="fill:black;" />
  <circle cx="190" cy="230" r="20" style="fill:white;" />
  <circle cx="390" cy="230" r="20" style="fill:white;" />
  <circle cx="250" cy="400" r="85" style="fill:saddlebrown;" />
  <circle cx="350" cy="400" r="85" style="fill:saddlebrown;" />
  <ellipse cx="300" cy="380" rx="50" ry="35" style="fill:black;" />
  <ellipse cx="130" cy="100" rx="110" ry="70" style="fill:saddlebrown;"/>
<ellipse cx="470" cy="100" rx="110" ry="70" style="fill:saddlebrown;" />
</svg> 
`;
@html(texte)
Run

@html('<input type ="button" value="coucou"/>');
@html('<button>Add to favorites</button>');
Run

function coucou() {console.log("hello");}
@html(`
<button onclick='coucou();'>Add to favorites</button>
`);
Run

function coucou() { 
	console.log("coucou");
}
texte = `<button onclick="hello()">Clique !</button>`;
@html(texte);
Run

texte = `
<button onclick="console.log('toto'+window)">Clique !</button>
`;
@html(texte);
Run

texte = `
<button onclick="window.serge=this;console.log('coucou')">Clique !</button>
`;
@html(texte);
@html("on a "+window.serge)
Run

texte = `
<button onclick="console.log('Hello')">Clique !</button>
`;
@html(texte);
Run

texte = `
<script>
function coucou() {
	console.log("coucou");
}
</script>
<button onclick="coucou()">Clique !</button>
`;
@html(texte);
Run

texte = `
function coucou() {
	console.log("coucou");
}
`
<button onclick= "texte">Clique !</button>
`;
@html(texte);
Run

def hello(name):
	n = input("bonjour")
	print("Hello", name+n)

if __name__ == "__main__":
	hello("Serge")
Run

import warnings # sinon on a des deprecated dans seaborn
warnings.filterwarnings("ignore") # idem
import seaborn as sns
import matplotlib.pyplot as plt

sns.set_style("darkgrid")
iris = sns.load_dataset('iris')
sns.FacetGrid(iris, hue ="species", height = 5) \
	.map(plt.scatter,'sepal_length','petal_length') \
	.add_legend()
plt.show()
Run

pere(serge,sylvain).
pere(serge,remi).
pere(remi,nathan).
pere(remi,olivia).
pere(sylvain,erin).
pere(sylvain,anaelle).
grandPere(G,P) :- pere(G,F), pere(F,P).

% query
grandPere(X,Y).
Run

dir
Run

print("le titre de cette note est ",@title)
@show("https://upload.wikimedia.org/wikipedia/commons/a/aa/Philips_PM5544.svg",400px, 300px);
Run

@html("<h1>HTML Caption</h1>")
Run