kod javascriptu

pytanie zadane 14 lutego 2018 w JavaScript przez daro793704 Początkujący (350 p.)

Używam przeglądarki firefox. Kiedy robię pole edycyjne i przycisk do sprawdzenia w javascripcie oczywiście z pomocą html przy wywołaniu akcji po naciśnięciu przycisku jest ok. Strona się otwiera poprawnie i działa. Ale jeśli chce stronę odświeżyć w przeglądarce firefox to nie powróci do pola tekstowego i przycisku. W Chromie wszystko działa dobrze. Po odświeżeniu strony przez F5 w Chromie, wszystko wraca do strony początkowej. Czy myślicie że do wywołania funcji onclick dla przycisku w javascript dla przeglądarki firefox trzeba dodać webkit-onclick lub coś innego żeby się odświeżyło. Ale to przecież jest paranoja. Czyżby firefox nie obsługiwał javascriptu. A przecież używam nowej przeglądarki firefoxa.

komentarz 14 lutego 2018 przez Tomek Sochacki Ekspert (227,510 p.)

daj kod na github lub codepen. ps. js to nie css, tu nie ma prefixow :)

komentarz 14 lutego 2018 przez daro793704 Początkujący (350 p.)
edycja 14 lutego 2018 przez ScriptyChris

<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="uft-8" />

<script type="text/javascript">

    function sprawdz()
    {
        var liczba = document.getElementById("pole").value;
        if ( liczba>0) document.getElementById("wynik").innerHTML = "dodatnia";
        else if ( liczba<0) document.getElementById("wynik").innerHTML = "ujemna";
        else if ( liczba==0) document.getElementById("wynik").innerHTML = "zero";
        else if ( liczba="0") document.getElementById("wynik").innerHTML = "to nie jest liczba";
        else  document.getElementById("wynik").innerHTML = "puste pole";
    }

</script>
<style>
body
{
    background-color: #000000;
    color: white;
}

</style>
</head>

<body>

<input type="text" id="pole"/>
<input type="submit" value="Sprawdź"  onclick="sprawdz()"/>

    <div id="wynik"></div>
</body>

</html>

W Chromie odświeża się ok. A w firefoxie to się nie odświeża.

1 odpowiedź

odpowiedź 14 lutego 2018 przez thryndl Nałogowiec (30,470 p.)

<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="uft-8" />
<title>Dokument</title>
<style>
body
{
    background-color: #000000;
    color: white;
}

</style>
</head>

<body>

<input type="text" id="pole"/>
<button>Sprawdz</button>

    <div id="wynik"></div>

<script type="text/javascript">

    function sprawdz()
    {
        var liczba = document.getElementById("pole").value;
        if ( liczba>0) document.getElementById("wynik").innerHTML = "dodatnia";
        else if ( liczba<0) document.getElementById("wynik").innerHTML = "ujemna";
        else if ( liczba==0) document.getElementById("wynik").innerHTML = "zero";
        else if ( liczba="0") document.getElementById("wynik").innerHTML = "to nie jest liczba";
        else  document.getElementById("wynik").innerHTML = "puste pole";
    }

document.querySelector("button").addEventListener("click", sprawdz)
</script>
</body>

</html>

Po 1. JS ładujesz tuż przed zamknięciem </body>, kiedy cały model DOM jest już gotowy.

Po 2. Używanie onclicków jest nie wskazane. Do tego służy addEventListener

Po 3. do przycisków lepiej używać znacznika semantycznego <button>.

Input o typie submit wykorzystywany był w HTML < 5 do wysyłania formularzy.