Я пытаюсь использовать прослушиватель событий, но на самом деле он не слушает кнопку отправки моей формы. Может ли кто-н ⇐ Html

[Anonymous]

Мой HTML (я использую Codepen)

Код: Выделить всё

 Enviar 

Мой CSS:

Код: Выделить всё

.calculoConsumo {
text-align: center;
text-color: blue;
border-radius: 15%;
background-color: gray;
}

.velocimetroQTDlitros, velocimetroDistanciaViagem {
height: 25px;
width: 25px;
background-color: black;
border-radius: 50%;
display: inline-block;
}

Мой сломанный JS:

Код: Выделить всё

try {
async exec() {
let Litros;
let Distancia;
let Consumo;

function inputLitros(001) {
to.selectById('001') {
function ()
this.Litros;
};
}

function inputDistancia(002) {
to.selectById('002') {
this.Distancia;
};
}

Consumo = Distancia/ Litros;
add.eventListener(001, inputLitros);
add.eventListener(002, inputDistancia);

alert.("Seu Consumo é:", Consumo);
}
}
catch(error) {
return error;
}

Моя попытка — создать калькулятор расхода газа. Он прослушает мою HTML-форму и выполнит расчет.
Я ожидал, что как только вы нажмете «enviar» (отправить), полученные значения передадутся в качестве параметров в inputLitros и inputDistancia, а затем эти значения будут установлены в «Litros» (литры) и «Distancia» (расстояние), чтобы я мог достичь «Consumo» (потребление).
После этого Consumo будет предупрежден о навигатор

Подробнее здесь: https://stackoverflow.com/questions/769 ... y-forms-su