ul li testausta

V2/index.js

@@ -67,12 +67,12 @@ app.put('/jumps/:id', async (request, response) => {
     const { text } = request.body
     const { id } = request.params
     const jump = await Jump.findByIdAndUpdate(
-      id,
-      {'text': text},
-      {'new': true}
+        id,
+        {'text': text},
+        {'new': true}
     )
     response.json(jump)
-  })
+})
   
 
 // app listen port 3000

V2/page/code.js

@@ -11,35 +11,59 @@ async function loadJumps() {
     showJumps(jumps)
 }
 
-function createJumpListItem(jump) {    // Tähän sisennys hommat
+function createJumpListItem(jump) {    
     let li = document.createElement('li')
+    let ul = document.createElement('ul')
     let li_attr = document.createAttribute('id')
     li_attr.value = jump._id
     li.setAttributeNode(li_attr)
-    let jumpSpecs = document.createTextNode(jump.number + " " + jump.date)
-    li.appendChild(jumpSpecs)
-    // spanit
-    let edit_span = document.createElement('span')
-    let edit_span_attr = document.createAttribute('class')
-    let del_span = document.createElement('span')
-    let del_span_attr = document.createAttribute('class')
-    // edit
-    edit_span_attr.value = "edit"
-    edit_span.setAttributeNode(edit_span_attr)
-    let edit = document.createTextNode(" edit ")
-    edit_span.appendChild(edit)
-    edit_span.onclick = function() { editJump(jump._id) }
-    li.appendChild(edit_span)
-    // delete
-    del_span_attr.value = 'delete'
-    del_span.setAttributeNode(del_span_attr)
-    let x = document.createTextNode(' x ')
-    del_span.appendChild(x)
-    del_span.onclick = function() { removeJump(jump._id) }
-    li.appendChild(del_span)
+    let jumpNumber = document.createTextNode("#" + jump.number)
+    li.appendChild(jumpNumber)
+    li.appendChild(ul)
+    ul.appendChild(addJumpInfo(jump)) // SEKASIN
     return li
 }
 
+function addJumpInfo(jump) {
+    let ul = document.createElement('ul')
+    let li = document.createElement('li')
+    ul.appendChild(li)
+    let jumpDate = document.createTextNode(jump.date)
+    console.log(jump.date)
+    li.appendChild(jumpDate)
+    return ul
+}
+
+
+// function createJumpListItem(jump) {    // Tähän sisennys hommat
+//     let li = document.createElement('li')
+//     let li_attr = document.createAttribute('id')
+//     li_attr.value = jump._id
+//     li.setAttributeNode(li_attr)
+//     let jumpSpecs = document.createTextNode(jump.number + " " + jump.date)
+//     li.appendChild(jumpSpecs)
+//     // spanit
+//     let edit_span = document.createElement('span')
+//     let edit_span_attr = document.createAttribute('class')
+//     let del_span = document.createElement('span')
+//     let del_span_attr = document.createAttribute('class')
+//     // edit
+//     edit_span_attr.value = "edit"
+//     edit_span.setAttributeNode(edit_span_attr)
+//     let edit = document.createTextNode(" edit ")
+//     edit_span.appendChild(edit)
+//     edit_span.onclick = function() { editJump(jump._id) }
+//     li.appendChild(edit_span)
+//     // delete
+//     del_span_attr.value = 'delete'
+//     del_span.setAttributeNode(del_span_attr)
+//     let x = document.createTextNode(' x ')
+//     del_span.appendChild(x)
+//     del_span.onclick = function() { removeJump(jump._id) }
+//     li.appendChild(del_span)
+//     return li
+// }
+
 function showJumps(jumps) {
     let jumpsList = document.getElementById('jumpsList')
     let infoText = document.getElementById('infoText')

V2/page/styles.css

@@ -20,8 +20,13 @@ h1 {
 }
 
 ul {
-    list-style-type: square;
+    list-style-type: none;
     margin: 20px 0 20px 0;
+    padding: 0;
+}
+
+li {
+    padding: 10px 0;
 }
 
 input[type=text] {