Forum Coders' city Strona Główna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Potrzebuję szybkiej odpowiedzi na moje pytanie... Zasady

Nie działająca obsługa formularza



 
Odpowiedz do tematu    Forum Coders' city Strona Główna -> ECMAScript
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
gregorius



Dołączył: 20 Lis 2014
Posty: 1

PostWysłany: Czw Lis 20, 2014 4:23 pm  OP    Temat postu: Nie działająca obsługa formularza Odpowiedz z cytatem Pisownia

Witam!

od razu się przyznaję, że dopiero zaczynam swoją przygodę z JS i chciałem zapamietac dane wpisywane do formularza w localStorage wiec, mam taki fragment HTML:

Kod:

<form id="dane">
   <ul>
    <li>
         <label for="alfa2">kąt wypływającego strumienia: </label>
         <input name="alfa2" id="alfa2" autofocus type="number" step="0.01" min="0" max="360" required>[°]
        </li>
        <li>
    <button id="guzik" type="submit" onclick="zapamietajDane()">oblicz i wykreśl</button>
    </li>
  </form>



a do tego taki JS:

Kod:

function zapamietajDane()
{
    var alfa2 = document.getElementById('alfa2');
    localStorage.setItem(alfa2);
    console.log(alfa2);
    alert(alfa2);
}

// Funkcja: init
// wykonywana po zakończeniu wczytywania strony WWW.
// dodaje procedurę obsługi zdarzenia do formularza.
function init()
{
    'use strict';

    // sprawdzanie czy można urzyć document.getElementById():
    if (document && document.getElementById)
    {
    var guzikDanych = document.getElementById('guzik');
    guzikDanych.onsubmit = zapamietajDane;
    }

} // Koniec funkcji init().

// Przypisz procedurę obsługi zdarzenia do okna przeglądarki:
window.onload = init;



I nie rozumiem czemu to nie działa. znaczy ani nie loguje do konsoli, ani alert się nie pokazuje ani nie zapamiętuje w localStorage. Ktoś potrafi wyjaśnić gdzie popełniłem błąd ?
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Luke



Dołączył: 17 Cze 2007
Posty: 1888
Skąd: Szczecin

PostWysłany: Czw Lis 20, 2014 7:32 pm      Temat postu: Odpowiedz z cytatem Pisownia

Sprawdzanie, czy istnieje document.getElementById, możesz sobie podarować.
Zdarzenie submit dotyczy formularza, a nie przycisku.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
Wyświetl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Główna -> ECMAScript Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Możesz dodawać załączniki na tym forum
Możesz pobierać pliki z tego forum




Debug: strone wygenerowano w 0.12127 sekund, zapytan = 11
contact

| Darmowe programy i porady Jelcyna | Tansze zakupy w Helionie | MS Office Blog |