• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Obliczanie miejsc zerowych w JS

VPS Starter Arubacloud
0 głosów
1,674 wizyt
pytanie zadane 15 kwietnia 2017 w JavaScript przez wazon Nowicjusz (200 p.)

Może mi ktoś dać wskazówke dlaczego skrypt mający obliczyć miejsca zerowe nie chce działać? Przyczyna pewnie jest prozaiczna, ale ja mam do czynienia z js od wczoraj i nie wiem gdzie popełniam błąd.

kod: 

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="kalk.css" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Racing+Sans+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <script type="text/javascript">
        var a = document.getElementById('a').value;
        var b = document.getElementById('b').value;
        var c = document.getElementById('c').value;
        var delta = Math.pow(b, 2) - (4 * a * c);
        if (delta < 0) {
            document.getElementById("eval").addEventListener("click", noX);

            function noX() {
                document.getElementById("outputDiv").innerHTML = "Brak rozwiązań";
            }

        } else if (delta === 0) {
            var x0 = (-b) / (2 * a); {
                document.getElementById("eval").addEventListener("click", oneX);

                function oneX() {
                    document.getElementById("outputDiv").innerHTML = "rozwiązanie to: " + x0;

                }
            }
        } else {
            var deltaP = Math.sqrt(delta);
            var x1 = (-b - deltaP) / (2 * a);
            var x2 = (-b + deltaP) / (2 * a); {
                document.getElementById("eval").addEventListener("click", twoX);

                function twoX() {
                    document.getElementById("outputDiv").innerHTML = "rozwiązania to: " + x1 + x2;
                }
            }
        }
    </script>
</head>

<body>
    <h1> Rozwiąż równanie kwadratowe!
    </h1>
    <div class="container">
        <div class="calculator">
            <div class="calculator-top">
                <span class="clear"> C
</span>
                <div class="equation">
                    <input type="text" value="0" id="a" /> x
                    <sup> 2
</sup> +
                    <input type="text" value="0" id="b" /> x +
                    <input type="text" value="0" id="c" /> = 0
                </div>
            </div>
            <div class="keys">
                <span> 9
</span>
                <span> 8
</span>
                <span> 7
</span>
                <span> 6
</span>
                <span> 5
</span>
                <span> 4
</span>
                <span> 3
</span>
                <span> 2
</span>
                <span> 1
</span>
                <span> 0
</span>
                <span> .
</span>
                <span id="eval">=
</span>
            </div>
        </div>
    </div>
    <div id="outputDiv"></div>

</body>

w konsoli wyświetla się: TypeError: document.getElementById(...) is null, pomimo że pola są uzupełnione prawidłowo. Dodam, że kiedy zamiast funkcji wpisywałam console.log(wyniki) wszystko działało prawidłowo. Z góry dzi ęki

1 odpowiedź

+1 głos
odpowiedź 15 kwietnia 2017 przez Ehlert Ekspert (212,630 p.)
wybrane 15 kwietnia 2017 przez wazon
 
Najlepsza

Skrypt wykonuje się zanim cała strona zostanie załadowana. Js dołączamy przed zakończeniem znacznika body. 

komentarz 15 kwietnia 2017 przez Ehlert Ekspert (212,630 p.)
Korzystaj ze wzorców projektowych np. IIFE.

Podobne pytania

0 głosów
1 odpowiedź 239 wizyt
pytanie zadane 8 czerwca 2020 w C i C++ przez Maciek To Ja Początkujący (260 p.)
0 głosów
0 odpowiedzi 1,444 wizyt
pytanie zadane 14 stycznia 2018 w Python przez Piotr Stelmach Nowicjusz (210 p.)
0 głosów
1 odpowiedź 1,454 wizyt
pytanie zadane 16 października 2016 w C i C++ przez Jakub Olszak Użytkownik (540 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...