这是我的JavaScript代码
它应该计算出一个人每公里产生多少二氧化碳。这是一门学校科目，我才刚刚开始，所以请对我宽容一点…
而且我刚刚注册了stockoverflow
我也是这里的新手。。。我提前感谢你。。。
window.onload = function () {
// CO2 Verbrauch = ((fs / ksv) * ta) / am)+(fs*0.14)
var btn = document.getElementById('btn'); // Initiate Calulation
var ta = document.getElementById('treibstoffart') // Selector
var benzin = document.getElementById('benzin'); // Option 1
var diesel = document.getElementById('diesel'); // Option 2
var autogas = document.getElementById('autogas'); // Option 3
var ksv = document.getElementById('Kraftstoffverbrauch'); // Inputfield
var fs = document.getElementById('Fahrtstrecke'); // Inputfield
var am = document.getElementById('Anzahl der Mitfahrer'); // Inputfield
var ausgabe = document.getElementById('ergebnis'); // Result
每个选项都有一个固定的数字
var tsa = function () { //////// NOT SURE WHAT IS WRONG
if (benzin) {
benzin.value = 2.33;
} else if (diesel) {
diesel.value = 2.64;
} else if (autogas) {
autogas.value = 1.64;
}
}; // End of function (treibstoffart)
btn.onclick = function () {
ausgabe.innerText = (((fs.value * 1 / ksv.value * 1) * tsa) / am.value * 1) + (fs.value * 0.14); //////// TSA is added here
};
} // End of function (window.onload)
这是HTML代码
正如你所看到的，我正在使用Bootstrap，但我认为最大的问题是我用于函数的选择器
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Übung 1 Rechner</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="uebung_1.css">
<script src="uebung_1.js"></script>
</head>
<body>
<section>
<form class="form-inline">
<select id="treibstoffart" class="form-control">
<option value="" selected>... auswählen ...</option>
<option value="benzin">Benzin</option>
<option value="diesel">Diesel</option>
<option value="autogas">Autogas</option>
<input id="Kraftstoffverbrauch" type="text" placeholder="Kraftstoffverbrauch (Liter/100km)" value=""
class="form-control">
<input id="Fahrtstrecke" type="text" placeholder="Fahrtstrecke (in km)" value="" class="form-control">
<input id="Anzahl der Mitfahrer" type="text" placeholder="Anzahl der Mitfahrer" value=""
class="form-control">
<button type="button" id="btn" class="btn btn-primary" value="">Berechnen</button>
<button type="reset" class="btn btn-danger" value="Reset">Clear</button>
</form>
</section>
<section>
<p>Das Ergebnis wird hier Angezeigt</p>
<p id="ergebnis"></p>
<p>Weitere Ergebnisse für Reisebus, Bahn, Flugzeug</p>
</section>
</body>
</html>
if已找到答案
window.onload = function () {
// CO2 Verbrauch = ((fs / ksv) * ta) / am)+(fs*0.14)
let btn = document.getElementById('btn');
let ausgabe = document.getElementById('ergebnis'); // Result
let ta = document.getElementById('treibstoffart'); // Selector
let ksv = document.getElementById('Kraftstoffverbrauch'); // Inputfield
let fs = document.getElementById('Fahrtstrecke'); // Inputfield
let am = document.getElementById('Anzahl der Mitfahrer'); // Inputfield
btn.onclick = function () { // Initiate Calulation
ausgabe.innerText = (((fs.value * 1 / ksv.value * 1) * ta.value) / am.value * 1) + (fs.value * 0.14);
};
} // End of function (window.onload)