【问题标题】：Gas Calculation -- Can't find mistake气体计算——找不到错误
【发布时间】：2019-11-12 03:59:26
【问题描述】：

这是我的 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>

【问题讨论】：

ta() 不应该是 return 什么吗？
“它没有工作” - 现在是开始研究浏览器调试工具的好时机。首先，始终查看浏览器的开发控制台。如果您的代码正在生成错误，那就是它的位置。从那里，看看浏览器的脚本调试器。您可以在代码中放置断点以暂停执行，并在代码执行时逐行逐行查看代码以观察运行时行为和变量值。当你做所有这些事情时，代码在哪里/如何具体失败？首先出了什么问题？
@B. 这是我的 HTML 代码...
@david -- 我已经阅读了浏览器中的错误代码 -- 但没有变得更聪明 -- 对不起 -- 我是初学者，还在学习
@Jan-MichaelWaiser：什么“错误代码”？如果您的浏览器向您显示错误消息，那么它很可能会告诉您问题所在。这是在尝试解决问题时参考的有用信息。

标签： javascript html bootstrap-4

【解决方案1】：

如果找到答案

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)

【讨论】：