Step 4: Reacting on User Input

gzm0 · sjrd · commit a3c792182b8e · 2020-02-12T11:44:59.000+01: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.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
 
@@ -14,4 +16,9 @@ object TutorialApp {
     parNode.appendChild(textNode)
     targetNode.appendChild(parNode)
   }
+
+  @JSExportTopLevel("addClickedMessage")
+  def addClickedMessage(): Unit = {
+    appendPar(document.body, "You clicked the button!")
+  }
 }
