28 lines
624 B
JavaScript
28 lines
624 B
JavaScript
import { Glitcher } from "./lib/glitcher";
|
|
|
|
const UI_GLITCHER = new Glitcher(document.getElementById("ui-canvas"))
|
|
const FORM = document.getElementById("glitcher-form")
|
|
|
|
async function updateFromForm(){
|
|
let data = new FormData(FORM)
|
|
|
|
let image = data.get("image")
|
|
if(image){
|
|
await UI_GLITCHER.setImage(image)
|
|
} else {
|
|
UI_GLITCHER.clearImage()
|
|
}
|
|
|
|
UI_GLITCHER.render()
|
|
}
|
|
|
|
for(let el of FORM.elements){
|
|
el.addEventListener("change", () => FORM.requestSubmit())
|
|
}
|
|
|
|
FORM.addEventListener("submit", e => {
|
|
e.preventDefault()
|
|
updateFromForm()
|
|
})
|
|
|
|
updateFromForm() |