jcreek/SelectionWheel
1
0
Fork 0
mirror of https://github.com/jcreek/SelectionWheel.git synced 2026-07-13 03:03:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(#7): Add start over button

Browse Source
This commit is contained in:
Josh Creek
2022-10-08 16:21:30 +01:00
parent 29b4822732
commit c7f6d43bdc
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.ts
+11
View File
@@ -175,6 +175,10 @@ function drawWheel() {
makeArrowAndCircle(svg, container); makeArrowAndCircle(svg, container);
} }
function startOver() {
stopSpinning();
}
function startSpinning() { function startSpinning() {
const textArea = <HTMLInputElement>document.getElementById('input-lines'); const textArea = <HTMLInputElement>document.getElementById('input-lines');
const inputData = textArea.value.trim() const inputData = textArea.value.trim()
@@ -198,6 +202,13 @@ function startSpinning() {
chartElement.setAttribute('id', 'chart'); chartElement.setAttribute('id', 'chart');
chartElement.setAttribute('class', 'spinner-items'); chartElement.setAttribute('class', 'spinner-items');
document.getElementById('spinner-container').appendChild(chartElement); 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); document.getElementById('spinner-container').appendChild(chartElement);
const questionElement = document.createElement('div'); const questionElement = document.createElement('div');
questionElement.setAttribute('id', 'question'); questionElement.setAttribute('id', 'question');