Calculadora de diésel

/* Estilos CSS para la página web */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}

h1 {
text-align: center;
color: #333333;
}

.container {
width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border: 1px solid #cccccc;
}

.input {
width: 100%;
height: 40px;
margin-bottom: 10px;
padding-left: 10px;
font-size: 20px;
border: 1px solid #cccccc;
}

.button {
width: 100%;
height: 40px;
margin-bottom: 10px;
font-size: 20px;
background-color: #0099ff;
color: #ffffff;
border: none;
}

.button:hover {
background-color: #0066cc;
}

.result {
width: 100%;
height: 40px;
margin-bottom: 10px;
padding-left: 10px;
font-size: 20px;
color: #0099ff;
border: none;
}

Calculadora de diésel

// Código JavaScript para la lógica de la página web
// Obtener los elementos HTML por su id
var facturado = document.getElementById(«facturado»);
var quemado = document.getElementById(«quemado»);
var tanque = document.getElementById(«tanque»);
var calcular = document.getElementById(«calcular»);
var resultado = document.getElementById(«resultado»);

// Establecer el listener del botón para calcular el resultado
calcular.addEventListener(«click», function() {
// Obtener los valores ingresados por el usuario y convertirlos a números
var f = Number(facturado.value);
var q = Number(quemado.value);
var t = Number(tanque.value);

// Calcular el resultado restando el dato quemado y el dato tanque al dato facturado
var r = f – q – t;

// Mostrar el resultado en el texto con un formato adecuado
resultado.value = «Tu diésel está » + r + » litros»;
});