| 60 | |
| 61 | //Add Trasactions to DOM list |
| 62 | function addTransactionDOM(transaction) { |
| 63 | //GET sign |
| 64 | const sign = transaction.amount < 0 ? "-" : "+"; |
| 65 | const item = document.createElement("li"); |
| 66 | |
| 67 | //Add Class Based on Value |
| 68 | item.classList.add( |
| 69 | transaction.amount < 0 ? "minus" : "plus" |
| 70 | ); |
| 71 | |
| 72 | item.innerHTML = ` |
| 73 | ${transaction.text} <span>${sign}${Math.abs( |
| 74 | transaction.amount |
| 75 | )}</span> |
| 76 | <button class="delete-btn" onclick="removeTransaction(${transaction.id})">x</button> |
| 77 | `; |
| 78 | list.appendChild(item); |
| 79 | } |
| 80 | |
| 81 | //4 |
| 82 | |