How to convert variable from type number to string in typescript?

Question

I have this code:

jogar(escolha) {
    var jogadorEscolha = 0;
    var jogadorPontuacao = 0;
    var computadorEscolha = 0;
    var computadorPontuacao = 0;
    var ganhador = -1;

    jogadorEscolha = escolha;
    computadorEscolha = Math.floor(Math.random() * (3 - 1 + 1)) + 1;

    //1 - Fogo
    //2 - Água
    //3 - Planta

    if ((jogadorEscolha == 1) && (computadorEscolha == 1)) {
        ganhador = 0;
    } else if ((jogadorEscolha == 1) && (computadorEscolha == 2)) {
        ganhador = 2;
    } else if ((jogadorEscolha == 1) && (computadorEscolha == 3)) {
        ganhador = 1;
    } else if ((jogadorEscolha == 2) && (computadorEscolha == 1)) {
        ganhador = 1;
    } else if ((jogadorEscolha == 2) && (computadorEscolha == 2)) {
        ganhador = 0;
    } else if ((jogadorEscolha == 2) && (computadorEscolha == 3)) {
        ganhador = 2;
    } else if ((jogadorEscolha == 3) && (computadorEscolha == 1)) {
        ganhador = 2;
    } else if ((jogadorEscolha == 3) && (computadorEscolha == 2)) {
        ganhador = 1;
    } else if ((jogadorEscolha == 3) && (computadorEscolha == 3)) {
        ganhador = 0;
    }

    document.getElementById("jogadorEscolha1").classList.remove('selecionado');
    document.getElementById("jogadorEscolha2").classList.remove('selecionado');
    document.getElementById("jogadorEscolha3").classList.remove('selecionado');
    document.getElementById("computadorEscolha1").classList.remove('selecionado');
    document.getElementById("computadorEscolha2").classList.remove('selecionado');
    document.getElementById("computadorEscolha3").classList.remove('selecionado');

    document.getElementById("jogadorEscolha" + jogadorEscolha).classList
        .add('selecionado');
    document.getElementById("computadorEscolha" + computadorEscolha).classList
        .add('selecionado');

    if (ganhador == 0) {
        document.getElementById('resultado').innerHTML = 'Empate';
    } else if (ganhador == 1) {
        document.getElementById('resultado').innerHTML = 'Jogador ganhou!';
        jogadorPontuacao++;
    } else if (ganhador == 2) {
        document.getElementById('resultado').innerHTML = 'Jogador perdeu!';
        computadorPontuacao++;
    }

    document.getElementById('jogadorPontos').innerHTML = jogadorPontuacao;
    document.getElementById('computadorPontos').innerHTML = computadorPontuacao;
    //essas últimas duas linhas que estão dando erro

}

I’m trying to get the player variable values and computationPontuacao, to return them to a space of id playPontos and computationPontos, but typescript says that the variable is type number and is not assimilable to the type string, because of innerHTML, how do I convert the variables to string after taking its value so that the typescript accepted the code, or there is some other way to return the value by Document.getElementById for HTML being of the whole type?

Answer 1

I’m not sure I quite understand your question, but I’ll give you the hint.

Method toString

var jogadorPontuacao = 1;
var computacaoPontuacao = 2;

console.log( `${ jogadorPontuacao.toString() } - ${ computacaoPontuacao.toString() }` );