diff --git a/js/canvas.js b/js/canvas.js
index 77fced0..d9c815d 100644
--- a/js/canvas.js
+++ b/js/canvas.js
@@ -54,8 +54,8 @@ function animatePacket(packets, allEntities) {
 
 
     let iterations = map[sliderVal];
-    console.log(sliderVal);
-    console.log(iterations);
+    //console.log(sliderVal);
+    //console.log(iterations);
     for (let packet of packets) {
         var dxCompute = (packet.x - packet.nextEntity.x) / iterations;
         packet.dx = dxCompute;
@@ -102,8 +102,18 @@ function allEmpty(entities) {
 
 // dashboard functions
 
-function dashboardOpenPorts(ddd){
-    document.getElementById("openPorts").textContent = "DDD Open Ports: " + ddd.openPorts;
+function dashboardOpenPorts(ddd) {
+    let printPorts = ddd.openPorts;
+    console.log(printPorts);
+    var printOut = new String("");
+    for (let i = 0; i < printPorts.length; i++) {
+        if (i == printPorts.length - 1) {
+            printOut = printOut + " and " + printPorts[i];
+        } else {
+            printOut = printOut + printPorts[i] + ", "
+        }
+    }
+    document.getElementById("openPorts").textContent = "DDD Open Ports: " + printOut;
 }
 function dashboardDroppedPackets(garbage){
     document.getElementById("droppedPackets").textContent = "Dropped Packets: " + garbage.droppedPackets;
diff --git a/js/ddd.js b/js/ddd.js
index 4b03a7f..0034cbb 100644
--- a/js/ddd.js
+++ b/js/ddd.js
@@ -12,6 +12,7 @@ export class DDD extends Entity {
         this.sendPackets = this.sendPackets.bind(this);
         this.passFilter = this.passFilter.bind(this);
         this.openNewPorts = this.openNewPorts.bind(this);
+
     }
 
     static generatePort(maxOpenPorts) {