blob: d836bb45366a9e386bbf4004c147804ae267c490 [file] [log] [blame]
>>>
return $.Div(inner: [
$.Div(id: "container", inner: [
$.Canvas(width: maxD, height: maxD, clazz: "center", ref: canvas),
$.Form(clazz: "center", inner: [
$.Input(type: "range", max: 1000, value: seeds, onChange: onSliderChange)
]),
$.Img(src: "math.png", width: "350px", height: "42px", clazz: "center")
]),
$.Footer(inner: [
$.P(id: "notes", inner: "${seeds} seeds")
]),
]);
<<<
return $.Div(
inner: [
$.Div(
id: "container",
inner: [
$.Canvas(width: maxD, height: maxD, clazz: "center", ref: canvas),
$.Form(
clazz: "center",
inner: [
$.Input(
type: "range",
max: 1000,
value: seeds,
onChange: onSliderChange,
),
],
),
$.Img(src: "math.png", width: "350px", height: "42px", clazz: "center"),
],
),
$.Footer(
inner: [$.P(id: "notes", inner: "${seeds} seeds")],
),
],
);
<<< 3.7
return $.Div(
inner: [
$.Div(
id: "container",
inner: [
$.Canvas(width: maxD, height: maxD, clazz: "center", ref: canvas),
$.Form(
clazz: "center",
inner: [
$.Input(
type: "range",
max: 1000,
value: seeds,
onChange: onSliderChange,
),
],
),
$.Img(src: "math.png", width: "350px", height: "42px", clazz: "center"),
],
),
$.Footer(inner: [$.P(id: "notes", inner: "${seeds} seeds")]),
],
);