气体计算-找不到错误

时间：2019-11-10 19:17:48

标签： javascript html bootstrap-4

这是我的JavaScript代码

它应该计算每公里产生多少二氧化碳。这是一门学校课程，我才刚刚开始，所以请对我轻松一点...

我也刚刚注册到库存溢出

我也是这里的新手...我先谢谢你...

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>

1 个答案:

答案 0 :(得分：0)

如果找到了答案

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)