Add style and history.

src/index.js

@@ -9,6 +9,10 @@ const jsonContent = [{
         id: 'choice-2',
         text: 'Choice 2',
         nextNode: 'node-exit'
+    }, {
+        id: 'choice-3',
+        text: 'Choice 3',
+        nextNode: 'node-exit'
     }]
 }, {
     id: 'node-2',
@@ -44,11 +48,24 @@ function selectChoice(choiceId) {
     );
     const selectedChoice = allChoices.find(choice => choice.id === choiceId);
     const nextNode = jsonContent.find(node => node.id === selectedChoice.nextNode);
+
+    addChoiceToHistory(selectedChoice);
     updateActiveNode(nextNode);
 }
 
+function addChoiceToHistory(selectedChoice) {
+    const choiceDiv = document.createElement('div');
+    choiceDiv.innerHTML = selectedChoice.text;
+    choiceDiv.classList.add('choice-div');
+    document.getElementById('history').appendChild(choiceDiv);
+}
+
 function updateActiveNode(node) {
-    document.getElementById('active-node').innerHTML = node.text;
+    const nodeDiv = document.createElement('div');
+    nodeDiv.innerHTML = node.text;
+    nodeDiv.classList.add('node-div');
+    document.getElementById('history').appendChild(nodeDiv);
+
     document.getElementById('choices').innerHTML = '';
     printChoices(node);
 }