Visualizzare risultati di un file typescript

di il
1 risposte

Visualizzare risultati di un file typescript

Ciao ragazzi, sono alle prime armi con typescript e sto provando alcuni esercizi. Il problema è che non riesco a visualizzare i risultati. Sto usando visual studio code e Chrome. Il file officina.ts è il seguente:
interface Motore {
    aumentaPotenza(): number

    diminuisciPotenza(): number
}

interface Macchina {
    accelera()
}

class Fiat500 implements Macchina {

    private velocita = 0

    constructor(private motore: Motore) { 
    }

    accelera() {
        this.velocita = this.motore.aumentaPotenza()
        
        return this.velocita
    }

}

class Motore1200 implements Motore {
    aumentaPotenza() {
        return 50
    }

    diminuisciPotenza() {
        return -50
    }

}

class Motore1500 implements Motore {
    aumentaPotenza() {
        return 100
    }

    diminuisciPotenza() {
        return -50
    }

}

class Officina {
    macchine: Macchina[] = [] // istanziamo un array

    constructor() {
        this.macchine.push(new Fiat500(new Motore1200())) 
        this.macchine.push(new Fiat500(new Motore1500()))
    }

    testaMacchine() {
        for (let m of this.macchine) { 
            console.log(m.accelera())
        }
    }
}

let officina = new Officina()
officina.testaMacchine()
Poi digito tsc saluto.ts ecreo il file .js e per referenziare il file .js creo un file html in questo modo :
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Officina</title>
    
    <script src='officina.js'></script>
</head>
<body>

</body>
</html>
Come mai non riesco a visualizzare nulla ? neanche un messaggio d'errore. Grazie mille per il supporto

1 Risposte

Devi accedere o registrarti per scrivere nel forum
1 risposte