Files
cours-420-301-ah/mithril-example/main.js
T
2024-01-12 21:14:30 -05:00

29 lines
801 B
JavaScript

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());