Eventually it will be a bit more dynamic than this.
</div>
<div class="form-row small right">
</div>
<div class="form-row small right">
- <button>Safety prompt</button>
+ <button id="safety" type="button">Safety prompt</button>
+ <script>
+ const prompt = document.querySelector("#prompt");
+ const safety= document.querySelector("#safety");
+ // TODO: Dynamically generate many different prompts here
+ safety.addEventListener("click", () => {
+ prompt.value = "Matte painting of a Samurai warrior";
+ return false;
+ })
+ </script>
</div>
<div class="form-row large">
</div>
<div class="form-row large">
- <button>Make the infinite possible</button>
+ <button type="submit">Make the infinite possible</button>