Update highcharts + update error div

html/tasks/chapter_8/notes/oppgave.html

@@ -23,10 +23,7 @@
 
       <div id="notes" class="textboxGrid"></div>
 
-      <div class="error" id="testError">
-        <b>ERROR:</b>
-        Please insert something in the textarea
-      </div>
+      <div id="errorHolder"></div>
 
 
     </div>

html/tasks/chapter_8/notes/script.js

@@ -6,7 +6,7 @@ const noteForm = document.getElementById('noteInput');
 const noteText = document.getElementById('noteInputText');
 const noteSubmit = document.getElementById('noteInputSubmit');
 const notes = document.getElementById('notes');
-const error1 = document.getElementById('testError');
+const error1 = document.getElementById('errorHolder');
 
 /* Add event listeners */
 
@@ -22,11 +22,12 @@ jQuery('button').click('click', buttonDelete);
 function addNote(evt) {
   evt.preventDefault();
 
+  error1.innerHTML = '';
+
   if (noteText.value === '') {
-    error1.style.display = 'block';
+    const error = createError('Add notes into the textarea');
+    error1.appendChild(error);
     return;
-  } else {
-    error1.style.display = 'none';
   }
 
   const text = noteText.value;
@@ -54,3 +55,16 @@ function buttonDelete(evt) {
   evt.currentTarget.parentNode.parentNode.removeChild(evt.currentTarget.parentNode);
   localStorage.setItem('notes', notes.innerHTML);
 }
+
+function createError(errorMessage) {
+  const error = document.createElement("div");
+  error.setAttribute('class', 'error');
+  
+  const errorBold = document.createElement("b");
+  errorBold.innerHTML = 'ERROR:';
+  error.appendChild(errorBold);
+
+  errorBold.after(errorMessage);
+
+  return error;
+}