html utils

Author: jbytecode

src/main/scala/Main.scala

@@ -17,10 +17,20 @@ def registerEvents(): Unit =
   input.onclick = (e: dom.Event) =>
     window.console.log("Button clicked")
     val decmatoutput: HTMLDivElement = document.getElementById("div_decmat_output").asInstanceOf[HTMLDivElement]
-    val textarea : HTMLTextAreaElement = document.getElementById("textarea_decmat").asInstanceOf[HTMLTextAreaElement]
-    val textcontent = textarea.value
-    decmatoutput.innerHTML = ""
-    decmatoutput.appendChild(HtmlUtils.makeTable(HtmlUtils.parseTextToTable(textcontent)))
+    
+    val decmat = Array(
+      Array(1.0, 2.0, 3.0),
+      Array(4.0, 5.0, 6.0),
+      Array(7.0, 8.0, 9.0)
+    )
+    val weights = Array(0.3, 0.5, 0.2)
+    val directions = Array(Direction.Maximize, Direction.Maximize, Direction.Maximize)
+    val result = topsis(decmat, weights, directions)
+    val result2 = aras(decmat, weights, directions)
+    val result3 = saw(decmat, weights, directions)
+    val result4 = critic(decmat, directions)
+    val table1 = HtmlUtils.makeOutput(result)
+    decmatoutput.appendChild(table1)
 @main def hello(): Unit =
   window.console.log("Hello, world!")
   registerEvents() 

src/main/scala/htmlutils.scala

@@ -8,6 +8,25 @@ object HtmlUtils:
     val document = dom.document 
     val window = dom.window
 
+    def makeOutput(input: TopsisResult): HTMLDivElement = 
+        val div = document.createElement("div").asInstanceOf[HTMLDivElement]
+        val table1 = makeTable(input.normalizedMatrix)
+        val table2 = makeTable(input.weightedNormalizedMatrix)
+        val table3 = makeTable(Matrix.makeColumnMatrix(input.ideal))
+        val table4 = makeTable(Matrix.makeColumnMatrix(input.antiIdeal))
+        val table5 = makeTable(Matrix.makeRowMatrix(input.scores))
+        div.appendChild(document.createElement("h2")).textContent = "Normalized matrix"
+        div.appendChild(table1)
+        div.appendChild(document.createElement("h2")).textContent = "Weighted normalized matrix"
+        div.appendChild(table2)
+        div.appendChild(document.createElement("h2")).textContent = "Ideal"
+        div.appendChild(table3)
+        div.appendChild(document.createElement("h2")).textContent = "Anti-ideal"
+        div.appendChild(table4)
+        div.appendChild(document.createElement("h2")).textContent = "Scores"
+        div.appendChild(table5)
+        div
+
     def makeTable(a: Mat): dom.HTMLTableElement = 
         val table = document.createElement("table").asInstanceOf[dom.HTMLTableElement]
         a.foreach(row => 

src/main/scala/matrix.scala

@@ -131,3 +131,7 @@ object Matrix:
   def subtract(a: Mat, b: Mat): Mat =
     a.zip(b).map((rowa, rowb) => rowa.zip(rowb).map((x, y) => x - y))
 
+  def makeRowMatrix(v: Vec): Mat = v.map(x => Array(x))
+
+  def makeColumnMatrix(v: Vec): Mat = Array(v)
+

style.css

@@ -4,8 +4,9 @@
     text-align: center;
     font-size: 16px;
     font-weight: bold;
+    font-family: 'Courier New', Courier, monospace;
     color: black;
-    background-color: white;
+    background-color: bisque;
 }
 
 input[type="button"] {