package com.xxx import org.scalajs.dom import dom.document import scala.scalajs.js.annotation.JSExport import scala.scalajs.js.{Date, JSApp} object XXXWebApp extends JSApp { def main(): Unit = { println("Hello XXX! " + new Date()) appendPar(document.body, "Hello RXI! it is " + new Date()) } @JSExport def addClickedMessage(): Unit = { appendPar(document.body, "You clicked the button at " + new Date()) } def appendPar(targetNode: dom.Node, text: String): Unit = { val parNode = document.createElement("p") val textNode = document.createTextNode(text) parNode.appendChild(textNode) targetNode.appendChild(parNode) } }
<body> <script type="text/javascript" src="./target/scala-2.11/rxi-web-client-fastopt.js"> <script type="text/javascript"> const GOD = com.rxi.RxiWebApp() GOD.main(); </script> <button id="click-me-button" type="button" onclick="GOD.addClickedMessage()">Click me! </body>
![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
timeasmymeasuretimeasmymeasure
no subject
Date: 2016-07-01 05:40 pm (UTC)no subject
Date: 2016-07-01 06:51 pm (UTC)Here's a tutorial sample:
package com.xxx import org.scalajs.dom import dom.document import scala.scalajs.js.annotation.JSExport import scala.scalajs.js.{Date, JSApp} object XXXWebApp extends JSApp { def main(): Unit = { println("Hello XXX! " + new Date()) appendPar(document.body, "Hello RXI! it is " + new Date()) } @JSExport def addClickedMessage(): Unit = { appendPar(document.body, "You clicked the button at " + new Date()) } def appendPar(targetNode: dom.Node, text: String): Unit = { val parNode = document.createElement("p") val textNode = document.createTextNode(text) parNode.appendChild(textNode) targetNode.appendChild(parNode) } }with HTML looking like this:
<body> <script type="text/javascript" src="./target/scala-2.11/rxi-web-client-fastopt.js"> <script type="text/javascript"> const GOD = com.rxi.RxiWebApp() GOD.main(); </script> <button id="click-me-button" type="button" onclick="GOD.addClickedMessage()">Click me! </body>no subject
Date: 2016-07-05 09:13 pm (UTC)ггг