Links, mainly...

app/javascript/controllers/check_link_controller.js

@@ -0,0 +1,19 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="check-link"
+export default class extends Controller {
+  static targets = ["input", "button"]
+
+  connect() {
+    console.log("connect", this.inputTarget, this.buttonTarget)
+    this.inputTarget.addEventListener("input", e => this.onUrlInputChange(e))
+  }
+
+  onUrlInputChange(event) {
+    console.log("connect", this.inputTarget, this.buttonTarget)
+    console.log(event, this.buttonTarget)
+    this.buttonTarget.href = this.inputTarget.value;
+    this.buttonTarget.innerHTML = this.inputTarget.value;
+    return true;
+  }
+}

app/javascript/controllers/index.js

@@ -7,6 +7,9 @@ import { application } from "./application"
 import AutosubmitController from "./autosubmit_controller"
 application.register("autosubmit", AutosubmitController)
 
+import CheckLinkController from "./check_link_controller"
+application.register("check-link", CheckLinkController)
+
 import CollapseChevronTogglerController from "./collapse_chevron_toggler_controller"
 application.register("collapse-chevron-toggler", CollapseChevronTogglerController)