tangent128/prototype-3x5
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Live-update preview on type

Browse source
This commit is contained in:
Tangent 2023-11-20 22:09:02 -05:00
parent 710106af8b
commit 63f40309c7
2 changed files with 10 additions and 18 deletions

17
src/3x5.ts
View file

@ -50,7 +50,9 @@ fieldInput.value = String.raw`
title "Hello, World!"
`.trim();
const codeInput = document.createElement("textarea");
const codeInput = Object.assign(document.createElement("textarea"), {
oninput: render,
});
Object.assign(codeInput.style, TEXTAREA_STYLE, { height: "20em" });
codeInput.value = String.raw`
h1 [get title]
@ -99,10 +101,6 @@ para {
}
`.trim();
const rerender = Object.assign(document.createElement("button"), {
onclick: () => render(),
textContent: "Render",
});
const state = document.createElement("pre");
const display = document.createElement("blockquote");
const debugDisplay = document.createElement("pre");
@ -164,14 +162,7 @@ function triggerEvent(handlerPos: number) {
}
render();
document.body.append(
fieldInput,
codeInput,
rerender,
display,
state,
debugDisplay
);
document.body.append(fieldInput, codeInput, display, state, debugDisplay);
RegisterJumpHere(codeInput);
RegisterButtonOnClick(triggerEvent);