1 files changed, 35 insertions, 0 deletions
diff --git a/examples/demos/src/main/scala/webpage/Inputs.scala b/examples/demos/src/main/scala/webpage/Inputs.scala
new file mode 100644
index 0000000..9339e84
--- /dev/null
+++ b/examples/demos/src/main/scala/webpage/Inputs.scala
@@ -0,0 +1,35 @@
+package webpage
+
+import org.scalajs.dom
+import scala.scalajs.js.annotation.JSExport
+import scalatags.JsDom.all._
+
+@JSExport
+object Inputs extends{
+  @JSExport
+  def main(target: dom.HTMLDivElement) = {
+    val box = input(
+      `type`:="text",
+      placeholder:="Type here!"
+    ).render
+
+    val output = span.render
+
+    box.onkeyup = (e: dom.Event) => {
+      output.textContent =
+        box.value.toUpperCase
+    }
+
+    target.appendChild(
+      div(
+        h1("Capital Box!"),
+        p(
+          "Type here and " +
+          "have it capitalized!"
+        ),
+        div(box),
+        div(output)
+      ).render
+    )
+  }
+}
+\ No newline at end of file