課題 : お気に入りのライブラリを使用して、最も小さなカウンターを作成します

要件 :

カウンターの実装とその使用法は同じページにある必要があります

ビューは 1 つの値と 2 つのボタンで構成されます: inc と dec

これがDMLライブラリを使用した私のものです:

import {button, idiv} from "./dml"; /* <sdtio.h> :-) */

function Counter () {
    let count = 0;
    let value = idiv("0");
    let binc = button("inc");
    let bdec = button("dec");
    binc.onclick = () => value.innerText = ++count;
    bdec.onclick = () => value.innerText = --count;
}

Counter();

ここでテストできます:TinyCounter

あなたのものを見せてください:-)

彼のおかげで、Eckehard からのより良い実装があります:

import {button, idiv} from "./dml"; /* <sdtio.h> :-) */

function Counter () {
    let value = idiv("0");
    button("inc").onclick = () =>value.innerText = Number(value.innerText)+1
    bdec = button("dec").onclick = () => value.innerText = Number(value.innerText)-1
}

Counter();