¿Alcohol o Gasolina? Propuesta 4. | Lógica de programación: Primeros pasos | Alura Latam

Hola!! espero estén bien. Les comparto la versión del código solicitando del usuario los datos para el cálculo. Como ya les había comentado después de profundizar en HTML y CSS3 le haré un diseño. Saludos!! Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cálculo de consumo</title>
</head>
<body>
    <center>
        <h2>¿Cuál es el mejor combustible..?</h2>
        <h3>¿Alcohol o Gasolina?</h3>
    </center>
    <h3>Hola vecino buenos días!, ¿podrías ayudarme a decidir cúal es el mejor combustible para mi auto?, ayer acudí a la sucursal de Autozone y me ofrecieron Alcohol como alternativa.</h3>
    <h3>Con mucho gusto te ayudo, solo responde a estas preguntas por favor.</h3>
    <center><img src="/BEGINNER_PROGRAMMER/PROGRAMMING_LOGIC_ONE/U3_USING_VARIABLES/img/01_jetta.jpg" alt="Mi vehículo."></center>
    <br>
        <script>

            alert("Por favor responde a estas preguntas.");
            var capaTanque = parseInt(prompt("¿Cuál es la capacidad del tanque?"));//Número entero de la capacidad en litros del tanque del vehículo.
            var recorridoGas = parseInt(prompt("¿Cuántos km recorriste con carga de Gasolina?"));//Número entero de los km recorridos
            var recorridoAlco = parseInt(prompt("¿Cuántos km recorriste con carga de Alcohol?"));//Número entero de los km recorridos
            var rendiGas = recorridoGas/capaTanque;//Fórmula de rendimiento km recorridos/litros gastados.
            var rendiAlcohol = recorridoAlco/capaTanque;//Fórmula de rendimiento km recorridos/litros gastados.
            document.write("<h3>Cuando cargo el tanque completamente con Gasolina normalmente dura " + recorridoGas + " km de recorrido.</h3>");
            document.write('<center><img src="/BEGINNER_PROGRAMMER/PROGRAMMING_LOGIC_ONE/U3_USING_VARIABLES/img/02_gasolina.jpg" alt="Gasolina" width="450" height"450"></center>')
            document.write("<br>");
            document.write("<center><h3>Entonces el rendimiento sería de: " + Math.round(rendiGas) + " kilómetros recorridos por cada litro de gasolina.</h3></center>");
            document.write("<br>");
            document.write("<h3>Me ofrecen Alcohol, es decir Etanol y dicen que es una buena alternativa. ¿Qué te parece?</h3>");
            document.write('<center><img src="/BEGINNER_PROGRAMMER/PROGRAMMING_LOGIC_ONE/U3_USING_VARIABLES/img/03_alcohol.jpg" alt="Gasolina" width="450" height"450"></center>')
            document.write("<br>");
            document.write("<center><h3>Con tanque lleno, el rendimiento fue de: " + Math.round(rendiAlcohol) + " kilómetros recorridos por cada litro de alcohol.</h3></center>");

        </script>

        <h3>CONCLUSIÓN DEL VECINO</h3>
        <h3>La gasolina gana.</h3>
        <h4>PROS</h4>
        <ol>
            <li>Tiene mayor rendimiento km/l.</li>
            <li>Mayor potencia en el vehículo.</li>
        </ol>
        <h4>CONTRAS</h4>
        <ol>
            <li>El precio de la gasolina es mayor al del alcohol.</li>
        </ol>
        <h4>Si desea consultar mayor ingormación sobre una u otra opción de click en cada enlace de abajo.</h4>
        <a href="https://www.flexfuel-company.es/etanol-como-combustible/" target="_blank">¿Etanol o Gasolina?</a>

</body>
</html>