Fixed palette not updating label

src/app.js

@@ -107,7 +107,7 @@ for (let i = 1; i < svg.length; i++) {
     const paletteColour = event.target.getAttribute("fill")
     HTML.rectangle.style.backgroundColor = paletteColour
     HTML.picker.value = paletteColour
-    HTML.labelColour.style.backgroundColor = paletteColour
+    HTML.labelColours.style.backgroundColor = paletteColour
     canvas.setStrokeColour(paletteColour)
     hideElement(HTML.palette)
   })
@@ -147,6 +147,21 @@ x.addListener(() => {
   }
 })
 
+function showElement(element) {
+  element.style.display = "block"
+}
+
+function hideElement(element) {
+  element.style.display = "none"
+}
+
+HTML.picker.addEventListener("change", () => {
+  var paletteColour = event.target.value
+  HTML.rectangle.style.backgroundColor = paletteColour
+  HTML.labelColours.style.backgroundColor = paletteColour
+  canvas.setStrokeColour(paletteColour)
+})
+
 HTML.eraserButton.addEventListener("click", () => {
   currentTool = tools.ERASER
   HTML.penButton.classList.remove("selected")

src/elements.js

@@ -29,3 +29,5 @@ export const picker = document.getElementById("other-colours")
 export const labelColour = document.getElementById("colours")
 export const slider = document.getElementById("range")
 export const output = document.getElementById("value")
+export const picker = document.getElementById("other-colours")
+export const labelColours = document.getElementById("colours")