Step 4: Reacting on User Input

gzm0 · sjrd · commit ecb7f440ad90 · 2014-11-22T17:14:01.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="tutorial.webapp.TutorialApp().addClickedMessage()">
+            Click me!</button>
+
     <!-- Include Scala.js compiled code -->
     <script type="text/javascript" src="./target/scala-2.11/scala-js-tutorial-fastopt.js"></script>
     <!-- Run tutorial.webapp.TutorialApp -->
diff --git a/src/main/scala/tutorial/webapp/TutorialApp.scala b/src/main/scala/tutorial/webapp/TutorialApp.scala
@@ -1,6 +1,7 @@
 package tutorial.webapp
 
 import scala.scalajs.js.JSApp
+import scala.scalajs.js.annotation.JSExport
 
 import org.scalajs.dom
 import dom.document
@@ -16,4 +17,9 @@ object TutorialApp extends JSApp {
     parNode.appendChild(textNode)
     targetNode.appendChild(parNode)
   }
+
+  @JSExport
+  def addClickedMessage(): Unit = {
+    appendPar(document.body, "You clicked the button!")
+  }
 }
