From 5418cbd1c30d24715f70e92fc241ad4ffc5feb27 Mon Sep 17 00:00:00 2001
From: structix <amateurdoedel@gmail.com>
Date: Sun, 19 May 2019 23:38:31 +0200
Subject: [PATCH] Update tabellenmanipulation

---
 uebung3/tabellenmanipulation.html | 74 +++++++++++++++++++++++++++++--
 1 file changed, 70 insertions(+), 4 deletions(-)

diff --git a/uebung3/tabellenmanipulation.html b/uebung3/tabellenmanipulation.html
index 06b64a3..d565784 100644
--- a/uebung3/tabellenmanipulation.html
+++ b/uebung3/tabellenmanipulation.html
@@ -25,13 +25,79 @@
 
         <script>
                 let table = document.getElementById("table");
+                let tableBody = document.createElement("tableBody");
+                let counter = document.getElementById("dimension");
                 let colcount = 0;
                 let rowcount = 0;
-
-                function inscolumn() {
-                        colcount += 1;
-                        
+                let fieldval = "Feld";
+                
+                function updateDimension() {
+                        counter.innerHTML = "Dimension: " + rowcount + " x " + colcount;
                 }
+
+                function insrow() {
+                        let row = document.createElement("tr");
+                        tableBody.appendChild(row);
+                        table.appendChild(tableBody);
+                        if(colcount != 0){
+                                for(x=0; x<colcount; x++){
+                                        let firstChild = tableBody.children[rowcount];
+                                        let cell = document.createElement("td");
+                                        let text = document.createTextNode(fieldval);
+                                        cell.appendChild(text);
+                                        firstChild.appendChild(cell);
+                                } 
+                        }
+                        rowcount++;
+                        updateDimension();
+                }
+
+                function delrow(){
+                        if(rowcount < 1){
+                                alert("Es kann keine weitere Zeile entfernt werden.");
+                        } else {
+                                let firstChild = tableBody.children[0];
+                                tableBody.removeChild(firstChild);
+                                rowcount--;
+                                updateDimension();
+                        }
+
+                }
+
+                function inscolumn(){
+                        if(rowcount==1){
+                                let firstChild = tableBody.children[0];
+                                let cell = document.createElement("td");
+                                let text = document.createTextNode(fieldval);
+                                cell.appendChild(text);
+                                firstChild.appendChild(cell);
+                        } else {
+                                for(i=0; i<rowcount; i++){
+                                        let firstChild = tableBody.children[i];
+                                        let cell = document.createElement("td");
+                                        let text = document.createTextNode(fieldval);
+                                        cell.appendChild(text);
+                                        firstChild.appendChild(cell);
+                                }
+                        }
+                        colcount++;
+                        updateDimension();
+                }
+
+                function delcolumn(){
+                        if(colcount < 1){
+                                alert("Es kann keine weitere Zeile entfernt werden.");
+                        } else {
+                                for(i=0; i < rowcount; i++){
+                                        let firstChild = tableBody.children[i];
+                                        firstChild.deleteCell(0);
+                                }
+                                colcount--;
+                                updateDimension();
+                        }
+                }
+                
+                
         </script>
 </body>