Add text that tells the players exactly why the total points are wrong

src/app/components/add-game/add-game.component.html

@@ -43,8 +43,8 @@
 					<td><input type="number" [(ngModel)]="this.actualPlayers[3].finalCardScore"/></td>
 				</tr>
 			</table>
-			<p id="score-warn" *ngIf="!totalScoreValid()">Total score doesn't add up!</p>
-			<button (click)="switchToNextPage()" [disabled]="!totalScoreValid()">Next</button>
+			<p id="score-warn" *ngIf="calculatePointSum() !== 240">Total score doesn't add up ({{getScoreDifferenceText()}})</p>
+			<button (click)="switchToNextPage()" [disabled]="!calculatePointSum()">Next</button>
 		</div>
 		<div id="which-solo" class="visible-{{this.currentPage === 4}}">
 

src/app/components/add-game/add-game.component.ts

@@ -218,13 +218,27 @@ export class AddGameComponent implements OnInit {
 	/**
 	 * Checks if the sum of all points is exactly 240
 	 */
-	totalScoreValid(): boolean {
+	calculatePointSum(): number {
 		let totalScore: number = 0;
 		for (let player of this.actualPlayers) {
 			totalScore += player.finalCardScore ?? 0;
 		}
 
-		return totalScore === 240;
+		return totalScore;
+	}
+
+	/**
+	 * Generates a string that explains if the total point sum is too low / too high
+	 */
+	getScoreDifferenceText(): string {
+		let difference = this.calculatePointSum() - 240;
+
+		if(difference > 0) {
+			return difference + ' more than expected';
+		} else {
+			difference *= -1;
+			return difference + ' less than expected';
+		}
 	}
 
 	/**