Logo Bienvenue dans Cruithne!

Cruithne permet de créer un cours avec des exemples Javascript exécutables, "à la Jupyter".

Pour exécuter un script JS, survolez la cellule ci-dessous.

alert('Hello, Cruithne!');
Cruithne intercepte console.log() pour l'afficher dans une zone dédiée.
console.log('Cruithne est un astéroïde un peu particulier.');
Il est aussi possible d'avoir un code multiligne!
const somme = 1+1; console.log(somme); console.log(); for (let i=0; i < 10; i++) { console.log(i); }
Au fait, Cruithne rend le code éditable. Avez-vous essayé de modifier les éléments ci-dessus?

Mode d'emploi

  1. Dans votre <head>, ajoutez le code: <script src="http://droz.sd.s2dev.ch/cruithne/cruithne-0.1.1.min.js"></script>
  2. Créez une conteneur avec un sélecteur identifiable qui contiendra tout votre cours.
  3. Ajoutez des balises <code> comme enfant direct de ce conteneur.
  4. Appelez le script avec cruithne(selecteur), par exemple: cruithne('#cours')