Etanol ou Gasolina com valores por tanque! | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

<meta charset="utf-8">
<h3> Alcool ou Gasolina</h3>

<script>
    var tanque = 40;
    var caminhoComGasolina = 480;
    var consumoDeGasolina = caminhoComGasolina/tanque;

    document.write("Com gasolina meu carro faz " + (consumoDeGasolina) + " KM/Litro");
    document.write("<br>");
    document.write("<br>");

    var tanque = 40;
    var caminhoComAlcool = 300;
    var consumoDeAlcool = caminhoComAlcool/tanque;

    document.write("Com alccol meu carro faz incriveis "+ (consumoDeAlcool) + "KM/Litro")
    document.write("<br>")

    var tanque = 40;
    var preçoGasolina = 3.69;
    var preçoAlcool = 2.69;
    var preçoTanqueGasolina = preçoGasolina*tanque
    var preçoTanqueAlcool = preçoAlcool*tanque

    document.write("O tanque do meu carro abastecido com gasolina é " + (preçoTanqueGasolina))
    document.write("<br>")

    document.write("O tanque do meu carro abastecido com alcool é " + (preçoTanqueAlcool))



</script>

Fala Felipe, tudo bem?

É isso aí!!!

Posso dar uma dica ou outra opção?

Nós podemos escrever menos e tornar nosso código mais enxuto. Existe uma outra opção no document.writeque pode nos poupar disso

    document.write(`
    Com gasolina meu carro faz ${consumoDeGasolina} KM/Litro
    <br>
    <br>
    Com alccol meu carro faz incriveis ${consumoDeAlcool} KM/Litro
    <br>
    O tanque do meu carro abastecido com gasolina é ${preçoTanqueGasolina}
    <br>
    O tanque do meu carro abastecido com alcool é ${preçoTanqueAlcool}
    `)

No início chamamos o document.write()normalmente, porém perceba que dentro do parênteses começamos com uma crase

document.write(`
Com gasolina...

e inicia nosso texto. Em vez da concatenação com "+"utilizamos ${}para invocarmos a variável e já concatenar

${consumoDeGasolina}

e continuamos nosso texto.

Para pular linha permanece o <br> só que mais "isolado"

    <br>
    <br>

No final, fechamos como no início, com crase e fecha parênteses

`)

O código completo ficará dessa forma

<meta charset="utf-8">
<h3> Alcool ou Gasolina</h3>

<script>
    var tanque = 40;
    var caminhoComGasolina = 480;
    var consumoDeGasolina = caminhoComGasolina / tanque;

    var tanque = 40;
    var caminhoComAlcool = 300;
    var consumoDeAlcool = caminhoComAlcool / tanque;

    var tanque = 40;
    var preçoGasolina = 3.69;
    var preçoAlcool = 2.69;
    var preçoTanqueGasolina = preçoGasolina * tanque
    var preçoTanqueAlcool = preçoAlcool * tanque

    document.write(`
    Com gasolina meu carro faz ${consumoDeGasolina} KM/Litro
    <br>
    <br>
    Com alccol meu carro faz incriveis ${consumoDeAlcool} KM/Litro
    <br>
    O tanque do meu carro abastecido com gasolina é ${preçoTanqueGasolina}
    <br>
    O tanque do meu carro abastecido com alcool é ${preçoTanqueAlcool}
    `)

</script>

Essa é uma escrita bastante usada no Javascript, mas é bom que neste início você saiba como funcionam as coisas e toda sua estrutura, mas se já quiser ir praticando dessa forma será excelente!!!

Espero ter ajudado, Felipe!

Um abraço e até breve!

PRORROGAMOS O DESCONTO!