Interação entre JS e HTML e CSS

 <script>



        function skip (){
            document.write ('<br><br>');
                }

        function show (frase){
            document.write (frase);
            skip();
        }
        var time = prompt ('Insira aqui o nome do seu time:');
      var vit = Number (prompt('Digite o número de vitórias do seu time:'));
      var emp = Number (prompt('Digite o número de empates do seu time:'));
      var der = Number (prompt ('Digite o númeor de derrotas do seu time:'));

      var pts = (vit * 3) + emp + (der * 0)

      var totalpts = 38*3

      var aprov = (pts / totalpts) * 100
      var img = document.createElement ('img');
      img.setAttribute ('id' , 'foto');

    show (`O ${time} fez ${pts} pontos com ${Math.round(aprov)} % de aproveitamento.`)  
    if (pts >=58){
        show (`O ${time} se classificou para a libertadores!`);
        show ('O desempenho desse ano foi melhor do que o ano passado.');
        img.setAttribute ('src' , 'liberta.png')
    } else if (pts > 45 && pts <58) {
        show (`O ${time} se classificou para a sul-americana!`);
        show ('O desempenho desse ano foi o mesmo do ano passado.');
        img.setAttribute ('src' , 'sula.png');
    } else if (pts = 45 && pts > 42){
        show (`O ${time}  se manteve na série A!`);
        show ('O desempenho desse ano foi um pouco pior do que o ano passado.')
        img.setAttribute ('src' , 'seriea.png');
    } else {
        show (`O ${time} está rebaixado para série B!`);
        show ('O desempenho desse ano foi pífio.');
        img.setAttribute ('src' , 'serieb.png');
    }
    res.appendChild (img);

    </script>
    <footer>
        &copy; Pedro Mattos
    </footer>
</body>