GuessTheNumber

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-guessthenumber',
  templateUrl: './guessthenumber.component.html',
  styleUrls: ['./guessthenumber.component.css']
})
export class GuessthenumberComponent implements OnInit {

  tentativi: number; // tentativi effettuati dall'utente
  target: number; // numero da indovinare
  numero_digitato: number; // numero digitato dall'utente in UI
  messaggio: string; // messaggio di feedback all'utente
  partita_in_corso: boolean; // indica se la partita è in corso...

  iniziaPartita(): void {
    this.partita_in_corso = true;
    this.tentativi = 0;
    this.target = Math.random() * 1000 + 1;
    this.messaggio = "";
  }

  terminaPartita() : void {
    this.partita_in_corso = false;
  }

  vinci(): void {
    this.messaggio = "Hai vinto! Hai indovinato al " +
      this.tentativi + "^ tentativo!";
  }

  perdi() : void {
    this.messaggio = "Hai perso! Il numero era " + this.target;
  }

  nuovoTentativo() : void {
    this.tentativi++; // incremento il numero di tentativi
    // controllo se si è indovinato...
    if (this.numero_digitato < this.target)
      this.messaggio = "Hai digitato un numero troppo piccolo";
    else if (this.numero_digitato > this.target)
      this.messaggio = "Hai digitato un numero troppo grande";
    else { // ... qui numero = target, quindi c'è vittoria!
      this.terminaPartita();
      this.vinci();
    }
    // se non c'è vittoria, controllo se i tentativi sono esauriti!
    if (this.tentativi == 10 && this.partita_in_corso) {
      this.terminaPartita();
      this.perdi();
    }
  }

  constructor() { }

  ngOnInit(): void {
    console.log("metodo ngOnInit")
  }

}