Zegarek JavaScript

pytanie zadane 18 czerwca 2016 w JavaScript przez Prochnowy Obywatel (1,020 p.)

Witam , mam problem , zrobiłem zegarek na stronie ale go nie wyświetla . Jakieś pomysły ?

<!DOCTYPE HTML>
<Html Lang="pl">
              <Head>
                    <meta charset="utf-8"/>
                    <meta name="description" Content="Opis"/>
                    <meta name="Keywords" Content="Słowa Kluczowe"/>
                    <Title>Main</Title>
                    <link rel="Stylesheet" Href="Main.css" Type="text/css"/>
                    
                    <Script Type = "Text/JavaScript">
                    Function Odswiezanie()
                    {
                    Var Dzisiaj = New Date();
                    Var Godzina = Dzisiaj.GetHours();
                    Var Minuta = Dzisiaj.GetMinutes();
                    Var Sekunda = Dzisiaj.GetSeconds();
                    SetTimeOut("Odswiezanie()" , 1000);
                    }
                    </Script>
              </Head>

              <Body OnLoad = "Odliczanie();">
                    <Div Id="Responsywność">
                                            <Div Id="Pion"></Div>
                                            <Div Id="Starter"></Div>
                                            
                                            <Div Id="Tytuł">Tytuł</Div>
                                            <Div Id="Pion2"></Div>
                                            <Div Id="Pion3"></Div>
                                            
                                            <Div Id="Belka"></Div>
                                            
                                            <Div Id="Pion4"></Div>
                                            <Div Id="Logo">Logo</Div>
                                            <Div Id="Najnowsze"></Div>
                                            <Div Id="Pion5"></Div>
                                            <Div Id="Użytkownik">Użytkownik</Div>
                                            
                                            <Div Id="Belka2"></Div>
                                            
                                            <Div Id="Pion6"></Div>
                                            <Div Id="Zakładki">
                                                               <Div Class="Zakładki">1</Div>
                                                               <Div Class="Zakładki">2</Div>
                                                               <Div Class="Zakładki">3</Div>
                                                               <Div Class="Zakładki">4</Div>
                                                               <Div Class="Zakładki">5</Div>
                                                               <Div Class="Zakładki">6</Div>
                                                               <Div Class="Zakładki">7</Div>
                                                               <Div Class="Zakładki">8</Div>
                                                               <Div Class="Zakładki">9</Div>
                                                               <Div Class="Zakładki">10</Div>
                                            </Div>
                                            <Div Id="Pion7"></Div>
                                            <Div Id="Obszar">
                                                              <Div Id="Szukanie">Szukaj</Div><Script type = "Text/JavaScript">Document.GetElementById("Zegar").InnerHtml = Godzina+":"+Minuta+":"+Sekunda;</Script>
                                                              <Div Id="Prace"></Div>
                                            </Div>
                                            <Div Id="Pion8"></Div>
                                            <Div Id="Ranking">
                                                              <Div Class="Zakładki2">1</Div>
                                                              <Div Class="Zakładki2">2</Div>
                                                              <Div Class="Zakładki2">3</Div>
                                                              <Div Class="Zakładki2">4</Div>
                                                              <Div Class="Zakładki2">5</Div>
                                                              <Div Class="Zakładki2">6</Div>
                                                              <Div Class="Zakładki2">7</Div>
                                                              <Div Class="Zakładki2">8</Div>
                                                              <Div Class="Zakładki2">8</Div>
                                                              <Div Class="Zakładki2">10</Div>
                                            </Div>
                                            <Div Id="Stopa">Proknowy&copy;</Div>
                    </Div>





              </Body>
</Html>

4 odpowiedzi

odpowiedź 18 czerwca 2016 przez Ivan Maniak (60,650 p.)

W JS duża/wielka litera w zmiennej ma znaczenie. Więc musi być getElementById, a nie Get. Tak samo z Document -> document.

komentarz 18 czerwca 2016 przez Prochnowy Obywatel (1,020 p.)

zmieniłem te dwa ale nadal nie działa ;/

odpowiedź 18 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Oh My God!

Zapoznaj się z konwencją nazewniczą zmiennych, atrybutów i tagów. Bo niepotrzebnie zaczynasz w wielu miejscach z dużej litery. Oprócz tego nie stosuj polskich słówek/wyrazów dla id / class / funkcji / zmiennych - bo ogólną konwencją jest nazewnictwo angielskie.

Co do samego zegarka, to nie ma takiego tagu #Zegar w HTMLu - więc go nie wyświetla - a w JS się do niego odwołujesz.

Masz tutaj działającą wersję (zegarek jest na samej górze, jest w czerwonym kolorze): http://codepen.io/ChrissP92/pen/WxGRrW

Popatrz przede wszystkim gdzie nie może być dużych liter (wszystkiego nie poprawiłem, bo jest tego za dużo - poza tym sam spróbuj, to się lepiej nauczysz).

komentarz 18 czerwca 2016 przez Prochnowy Obywatel (1,020 p.)

Dzięki !

odpowiedź 18 czerwca 2016 przez MatiiTv Gaduła (3,790 p.)

odpowiedź 19 czerwca 2016 przez Prochnowy Obywatel (1,020 p.)

<!Doctype Html>
<Html Lang ="pl">
<Head>

<Meta charset = "utf-8"/>
<Title>Zegar</Title>

<Script type="text/javascript">

Var dzisiaj = new Date();
Var Godzina = dzisiaj.getHours();
Var Minuta = dzisiaj.getMinutes();
Var Sekunda = dzisiaj.getSeconds();

</Script>
</Head>

<Body>

<Div id="zegar"></Div>
<Script type="text/javascript">
document.getElementById("zegar").innerHTML = Godzina;

</Script>

</Body>

</Html>

Napisałem zegar jeszcze raz na pustej stronie ale wciąz nie wyświetla . Mógłby ktoś podpowiedzieć ?

komentarz 19 czerwca 2016 przez Comandeer Guru (601,110 p.)

Zacznij stosować normalne konwencje pisania kodu. Nikt nie pisze kodu zaczynając od dużej litery. Znaczniki HTML pisze się albo małymi, albo dużymi literami (częściej małymi) – nie natomiast: jak zdania.

To samo tyczy się kodu JS, w którym wielkość liter ma fundamentalne znaczenie, np. Var to nie to samo co słowo kluczowe var. Dodatkowo, zgodnie z de facto wszystkimi konwencjami nazewniczymi w JS, zmienne, których nazwy zaczynają się dużą literą, oznaczają konstruktory. Ty konstruktorów nie masz, więc nazwy zmiennych powinny być pisane małymi literami.

komentarz 19 czerwca 2016 przez Prochnowy Obywatel (1,020 p.)

Dzieki , zmieniłem Var na var i zadziałało .

komentarz 19 czerwca 2016 przez Comandeer Guru (601,110 p.)

Ale nie masz zmienić Var na var… Nie o to chodzi w moim komentarzu.

Chodzi o to, żebyś zaczął się stosować do standardów obowiązujących w branży. Bo taki kod po prostu wygląda śmiesznie.

komentarz 19 czerwca 2016 przez Prochnowy Obywatel (1,020 p.)

W każdym bądz razie taki był bład . Co to te standardy ? Gdzie można poczytać .

komentarz 19 czerwca 2016 przez Comandeer Guru (601,110 p.)

Co do JS-a: https://github.com/airbnb/javascript/tree/master/es5

Co do HTML: tego nie ma nigdzie spisanego, ale jak sobie pochodzisz i poprzeglądasz źródła stron, to dojdziesz do wniosku, że używa się małych (lub czasami dużych) liter, ale nigdy takiego zapisu, jak u Ciebie.