cours d'aujourd hui

mithril-example/main.js

@@ -0,0 +1,28 @@
+import m from "https://esm.sh/mithril@2.2.2"
+
+function example1(){
+    let div1 = m("b", {style: "font-family: monospace;"}, "didier");
+    let div2 = m("div", "bonjour monde");
+
+    return m("div", {style: "color:red;"}, "bonjour", " ", div1);
+}
+
+m.render(document.getElementById("example-1"), example1());
+
+
+function example2(){
+    let chien = m("li", "un chien");
+    let chat = m("li", ["un ", m("a", {href: "https://example.com/chat"}, "chat")]);
+    return m("ul", [chien, chat]);
+}
+
+m.render(document.getElementById("example-2"), example2());
+
+
+function example3(){
+    let rougeEtGros = m("div.red.big", "Rouge & Gros");
+    let blueEtPetit = m("div.blue.small", "Bleu & Petit");
+    return m("div", [rougeEtGros, blueEtPetit]);
+}
+
+m.render(document.getElementById("example-3"), example3());