| const modelSelector = document.getElementById("model"); | |
| const generateButton = document.getElementById("generate-button"); | |
| generateButton.addEventListener("click", (event) => { | |
| event.preventDefault(); | |
| let model = modelSelector.value; | |
| let generatedImage = document.getElementById("generated-image"); | |
| fetch('/generate-image', { | |
| method:"POST", | |
| body: { | |
| model: model | |
| }, | |
| headers: { | |
| 'Content-Type': 'application/json' | |
| } | |
| }) | |
| .then(res => res.json()) | |
| .then(resJson => { | |
| generatedImage.src = `https://placekitten.com/200/300?img=${resJson.imagePath}`; | |
| }) | |
| }); |