Step 3: Using the DOM

Author: gzm0

build.sbt

@@ -5,3 +5,5 @@ scalaVersion := "2.13.1"
 
 // This is an application with a main method
 scalaJSUseMainModuleInitializer := true
+
+libraryDependencies += "org.scala-js" %%% "scalajs-dom" % "1.0.0"

src/main/scala/tutorial/webapp/TutorialApp.scala

@@ -1,7 +1,17 @@
 package tutorial.webapp
 
+import org.scalajs.dom
+import org.scalajs.dom.document
+
 object TutorialApp {
   def main(args: Array[String]): Unit = {
-    println("Hello world!")
+    appendPar(document.body, "Hello World")
+  }
+
+  def appendPar(targetNode: dom.Node, text: String): Unit = {
+    val parNode = document.createElement("p")
+    val textNode = document.createTextNode(text)
+    parNode.appendChild(textNode)
+    targetNode.appendChild(parNode)
   }
 }