V1.1.0 release

src/app/final/final.component.html

@@ -7,5 +7,5 @@
     <h4>Aantal vragen goed: {{localStorage.getItem('score')}}/50</h4>
   </div>
 
-  <a href="#"><button>Spel opnieuw spelen</button></a>
+  <a href="#" (click)="resetGame()"><button>Spel opnieuw spelen</button></a>
 </div>

src/app/final/final.component.ts

@@ -57,4 +57,8 @@ export class FinalComponent implements OnInit{
 
 
   protected readonly localStorage = localStorage;
+
+  resetGame() {
+    localStorage.clear()
+  }
 }

src/app/welcome/welcome.component.css

@@ -42,7 +42,7 @@ body, html {
   max-width: 300px;
 }
 
-.form button {
+button {
   padding: 10px 20px;
   font-size: 1rem;
   width: 300px;
@@ -53,6 +53,10 @@ body, html {
   cursor: pointer;
 }
 
+a{
+  color: #ff561e;
+}
+
 
 @media (max-width: 600px) {
   .container {

src/app/welcome/welcome.component.html

@@ -7,5 +7,10 @@
     <input type="text" placeholder="Naam" formControlName="naam">
     <button (click)="start()">Beginnen</button>
   </div>
+
+  <div *ngIf="localStorage.getItem('name') != undefined">
+    <br>
+    <p>Klik <a href="#/start">hier</a> om door te gaan naar het huidige spel</p>
+  </div>
 </div>
 <footer>versie {{version}}</footer>

src/app/welcome/welcome.component.ts

@@ -3,14 +3,16 @@ import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from "@angular
 import {Router} from '@angular/router';
 import { version } from '../../../package.json';
 import confetti from 'canvas-confetti';
+import {NgIf} from '@angular/common';
 
 
 @Component({
   selector: 'app-welcome',
-    imports: [
-        FormsModule,
-        ReactiveFormsModule
-    ],
+  imports: [
+    FormsModule,
+    ReactiveFormsModule,
+    NgIf
+  ],
   templateUrl: './welcome.component.html',
   styleUrl: './welcome.component.css'
 })
@@ -63,4 +65,5 @@ export class WelcomeComponent implements OnInit{
     });
   }
 
+  protected readonly localStorage = localStorage;
 }