1
resposta

Interagindo com o usuário no HTML

<meta charset="UTF-8">


<input type="text" id="nome" placeholder="Digite o nome do sue time">
<input type="number" id="vitoria" placeholder="Digite o número de vitoria do seu time">
<input type="number" id="empates" placeholder="Digite o numero de empates do seu time">
<button onclick="resultado()">Resultado</button>
<br>
<br>

<label class="texto"></label>

<script>

function pulaLinha(){
    document.write("<br>");
    document.write("<br>");

}
function mostra(frase){
 return   document.write(frase);
    pulaLinha();

}



function resultado(){
    var time = document.getElementById("nome").value;
    var vitorias = document.getElementById("vitoria").value;
    var empates = document.getElementById("empates"). value;
    var texto = document.querySelector(".texto")


    var vitoriasNumero = parseInt(vitorias)
    var empatesNumero = parseInt(empates)

    var resultadoPontos = vitoriasNumero *3 + empatesNumero;


    if (resultadoPontos > 20 ){
        texto.innerHTML = " A pontuação do  "  +   time + " é " + resultadoPontos + " pontos. O seu time está no caminho certo para levar a taça de campeão."


    }
    else(
        texto.innerHTML =  " A pontuação do  "  +   time + " é " + resultadoPontos + " pontos. A pontuação do seu time está critica."
    )



}









</script>

1 resposta

Olá Karen! Tudo joia?

Testei o seu código e adorei a adição dos inputs que você fez em html ficou bem mais interativo dessa forma e acaba deixando a atividade divertida, e isso mostra que você está com o conteúdo na ponta língua ou melhor do dedo. =)

E por conta disso deixo como indicação caso queira mergulhar mais no conteúdo, com a formação da Alura de HTML e CSS, que vai lhe ensinar a desenvolver páginas web:

Se em algum momento surgir dúvidas compartilhe elas no fórum, estamos aqui para lhe auxiliar. E eu estarei a sua disposição.

Abraços e bons estudos!