Step 4: Reacting on User Input

gzm0 · sjrd · commit 932cbe9ce4ba · 2021-10-07T10:55:34.000+02:00
diff --git a/scalajs-tutorial-fastopt.html b/scalajs-tutorial-fastopt.html
@@ -5,6 +5,10 @@
     <title>The Scala.js Tutorial</title>
   </head>
   <body>
+    <button id="click-me-button" type="button" onclick="addClickedMessage()">
+      Click me!
+    </button>
+
     <!-- Include Scala.js compiled code -->
     <script type="text/javascript" src="./target/scala-2.13/scala-js-tutorial-fastopt/main.js"></script>
   </body>
diff --git a/src/main/scala/tutorial/webapp/TutorialApp.scala b/src/main/scala/tutorial/webapp/TutorialApp.scala
@@ -1,5 +1,7 @@
 package tutorial.webapp
 
+import scala.scalajs.js.annotation.JSExportTopLevel
+
 import org.scalajs.dom
 import org.scalajs.dom.document
 
@@ -13,4 +15,9 @@ object TutorialApp {
     parNode.textContent = text
     targetNode.appendChild(parNode)
   }
+
+  @JSExportTopLevel("addClickedMessage")
+  def addClickedMessage(): Unit = {
+    appendPar(document.body, "You clicked the button!")
+  }
 }
