Primero se indica al usuario con que combustible desea conocer la eficiencia
<!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>Problema</title>
<link rel="stylesheet" href="./calculo.css">
</head>
<body>
<h1>¿Alcohol o Gasolina?</h1>
<p>Si un carro tiene un tanque de 40 litros. Usando gasolina y consumiendo todo el tanque se hace un recorrido de 480 kilómetros. ¿Cuál es la eficiencia del carro usando gasolina?</p>
<br>
<p>Por otro lado, si el carro usa alcohol como combustible, el mismo tanque de 40 litros hace un recorrido de 300 kilómetros. ¿Cuál es el la eficiencia del carro usando alcohol?</p>
<span>Seleccione 1 para Gasolina y 2 para Alcohol</span>
<input type="text" id="text">
<input type="button"id="btn" value="Hallar">
<script src="./calculo.js"></script>
</body>
</html>El siguiente es la acción ejecutada en javascript
var text = document.getElementById("text");
var boton = document.getElementById("btn");
boton.addEventListener("click", Buscar);
function Buscar()
{
var x = parseInt(text.value);
var km1 = 480;
var km2 = 300;
var gasolina = 40;
var alcohol = 40;
if(x == 1)
{
document.write("La eficiencia con gasolina es de " + km1/gasolina);
}
else if(x == 2)
{
document.write("La eficiencia con alcohol es de " + km2/alcohol);
}
else
{
document.write("Debes seleccionar 1 o 2 para conocer la eficiencia de alguno de los combustibles");
}
}Dando un resultado según lo que seleccione el usuario
