From c7f6d43bdcce867db9127e15a89b975557d1d3e7 Mon Sep 17 00:00:00 2001
From: Josh Creek <jcreek93@gmail.com>
Date: Sat, 8 Oct 2022 16:21:30 +0100
Subject: [PATCH] feat(#7): Add start over button

---
 src/index.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/index.ts b/src/index.ts
index 5614fc7..84b19ad 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -175,6 +175,10 @@ function drawWheel() {
   makeArrowAndCircle(svg, container);
 }
 
+function startOver() {
+  stopSpinning();
+}
+
 function startSpinning() {
   const textArea = <HTMLInputElement>document.getElementById('input-lines');
   const inputData = textArea.value.trim()
@@ -198,6 +202,13 @@ function startSpinning() {
   chartElement.setAttribute('id', 'chart');
   chartElement.setAttribute('class', 'spinner-items');
   document.getElementById('spinner-container').appendChild(chartElement);
+  const startOverElement = document.createElement('button');
+  startOverElement.setAttribute('id', 'start-over');
+  startOverElement.setAttribute('class', 'button button-blue');
+  startOverElement.setAttribute('role', 'button');
+  startOverElement.onclick = startOver;
+  startOverElement.textContent = 'Start over';
+  chartElement.appendChild(startOverElement);
   document.getElementById('spinner-container').appendChild(chartElement);
   const questionElement = document.createElement('div');
   questionElement.setAttribute('id', 'question');