Hola, recuerda qué el orden en que el navegador interpreta el código es secuencial, por ello, según comprendo tu pregunta.
Para reasignarle un valor a una variable ya creada y hacerla visible con ** document.write** está tiene que ser reasignada antes de la variable que la utiliza para su operación, en este caso (consumo).
ejemplo:
<script>
var litros = 40;
var kilometros= 480;
var consumo= kilometros/litros; //==============> Operación
kilometros = 300; //============> Se le reasigno el valor pero no se ha utilizado aún en ninguna operación
document.write(consumo);
</script>
Respuesta: El resultado será 12
Por ello, si la variable (kilometros) es reasignada a un valor diferente, la variable (consumo) qué la involucra en una operación matemática también tendrá que volver a ser utilizada.
ejemplo:
<script>
var litros = 40;
var kilometros= 480;
var consumo= kilometros/litros;
document.write(consumo);
kilometros = 300;
consumo= kilometros/litros;
document.write("<br>" + consumo );
</script>
Respuesta: El resultado será 12 y 7.5
Ten encuenta qué este nuevo valor y/o re-atribución hecha a (kilometros) será aplicado a toda variable que la utilice a futuro, así que, quizá por esta razón y para no complicar un tema cuyo objetivo es la instrucción básica de momento, se han declarado variables independientes.