Obsah

• stupňa
• Časť 1 Pochopenie kódu
• 2. časť Napíšte základný kód kalkulačky
• 3. časť Vytvorenie kalkulačky
• Časť 4 Používanie kalkulačky

V tomto článku: Vysvetlenie kóduPíšte základný kód kalkulačkyVytvorte kalkulačkuPoužitie kalkulačky11 Odkazy

Existuje veľa spôsobov, ako vykonávať výpočty na počítači pomocou vstavanej kalkulačky, ale môžete si tiež vytvoriť svoj vlastný pomocou len kódu HTML. Ak to chcete urobiť, musíte sa naučiť základy HTML pred skopírovaním potrebného kódu do e súboru, ktorý uložíte s příponou.html. Potom jednoducho otvorte súbor vo svojom obľúbenom prehliadači a získajte prístup k kalkulačke. Táto technika vám umožňuje vykonávať výpočty priamo vo vašom prehliadači a zároveň sa učiť základy techniky počítačového programovania.

stupňa

Časť 1 Pochopenie kódu

1. 
   

   
   Pochopte, ako kód funguje. Kód, ktorý použijete na vytvorenie kalkulačky, je založený na malých častiach kódu, ktoré navzájom spolupracujú pri definovaní rôznych prvkov dokumentu. Viac informácií o HTML sa môžete dozvedieť kliknutím na tento odkaz alebo si môžete prečítať, čo každý riadok robí v kóde, ktorý chcete použiť pre kalkulačku.
   • html: tento kus kódu označuje do zvyšku dokumentu použitý jazyk. Používa sa veľa rôznych programovacích jazykov a značka označuje zvyšku dokumentu, že tentoraz je to HTML, ktoré používate.
   • hlava : dokument hovorí, že nasledujúce informácie sú údajmi nazývanými tiež „metaúdaje“. Značka sa zvyčajne používa na definovanie štylistických prvkov dokumentu, ako je názov, hlavičky atď. Je to ako dáždnik, pod ktorým je definovaný zvyšok kódu.
   • nadpis : Toto je názov, ktorý priradíte dokumentu. Táto značka sa používa na zobrazenie názvu dokumentu po jeho otvorení v prehliadači.
   • body bgcolor = "#" : Týmto nastavíte farbu pozadia dokumentu. Číslo, ktoré sa objaví po zaostrení, zodpovedá vopred určenej farbe.
   • = '' : Slovo v úvodzovkách označuje farbu e v dokumente.
   • name name = "" : Tento atribút označuje názov formulára, ktorý sa použije pre štruktúru toho, čo nasleduje, aby JavaScript vedel, ktorá forma sa hovorí. Napríklad názov formulára, ktorý použijeme, je „kalkulačka“, ktorá vytvorí špecifickú štruktúru dokumentu.
   • typ vstupu = "" : tu sa akcia uskutoční. Atribút „typ vstupu“ hovorí dokumentu o type hodnoty pre e v ostatných zátvorkách. Napríklad by to mohlo byť e, heslo, tlačidlo (ako to bude pre našu kalkulačku) atď.
   • hodnota = "" : Tento atribút hovorí dokumentu, čo bude obsahovať atribút „typ vstupu“. Pri kalkulačke sa zobrazia čísla od 1 do 9 a aritmetické znaky (+, -, *, /, =).
   • onclick = "" : Tento kus kódu popisuje udalosť, ktorá hovorí dokumentu, že pri aktivácii tlačidla sa musí niečo stať. Pri kalkulačke chcete zobraziť číslo, ktoré zodpovedá tlačidlu, ktoré užívateľ stlačil. Napríklad, ak je aktivované tlačidlo 6, chcete medzi úvodzovky umiestniť document.calculator.in.value + = 6.
   • br : je to značka, ktorá označuje zalomenie riadka, celý zvyšný kód, ktorý sa zobrazí ako ďalší, sa zobrazí v riadku pod.
   • / forma, / telo a / html Tieto uzatváracie značky informujú prehliadač, že značky, ktoré ste predtým otvorili, sú teraz dokončené a zatvorené.

2. časť Napíšte základný kód kalkulačky

Skopírujte nižšie uvedený kód. Vyberte e nižšie tak, že podržíte kurzor stlačený v ľavom hornom rohu poľa a pretiahnete ho do pravého dolného rohu tak, aby sa celé písmeno e javilo ako modré. Potom stlačte „Command + C“ na počítači Mac alebo „Ctrl + C“ na počítači a skopírujte e.

Výsledkom je

3. časť Vytvorenie kalkulačky

1. 
   

   
   
   
   Otvorte v počítači súbor e. Existuje mnoho programov, ktoré môžete použiť, ale v záujme kvality sa odporúča použiť funkciu Upraviť alebo Poznámkový blok.
   • Na počítačoch Mac stačí kliknúť na lupu v pravom hornom rohu obrazovky a otvoriť bodové svetlo. Po otvorení napíšte editovať a kliknite na program, ktorý by mal byť vybraný modrou farbou.
   • Na počítači kliknite na tlačidlo štart vľavo dole. Do vyhľadávacieho panela napíšte notepad a kliknite na aplikáciu, ktorá sa má zobraziť vo výsledkoch.

2. 
   

   
   Vložte kód HTML do dokumentu.
   • Na počítačoch Mac stačí kliknúť do tela dokumentu a stlačiť "Command + V", Potom by ste mali kliknúť na formát v hornej časti obrazovky a potom na Zobraziť v jednoduchom e po vložení kódu.
   • Na počítači kliknite do tela dokumentu a vložte kód stlačením „Ctrl + V“.

3. 
   

   
   Uložte súbor. Stačí kliknúť na tlačidlo súbor v ľavom hornom rohu okna a potom ďalej Uložiť ako ... na PC alebo Save ... na počítači Mac v rozbaľovacej ponuke, ktorá sa zobrazí.

4. 
   

   
   Pridajte rozšírenie HTML. Akonáhle ste v ponuke, pred kliknutím na názov súboru zadajte názov súboru a za ním text „.html“ rekord, Napríklad, ak chcete tento súbor nazvať „moja prvá kalkulačka“, môžete ho uviesť ako meno: „MyPremierCalculette.html“.

Časť 4 Používanie kalkulačky

1. 
   

   
   Vyhľadajte súbor HTML. Stačí zadať názov súboru do Spotlight na Mac alebo do vyhľadávacieho panela ponuky Štart systému Windows. Nie je potrebné zadávať príponu súboru.

2. 
   

   
   Kliknutím na ňu otvoríte. Váš predvolený prehliadač by mal kalkulačku otvoriť na novej karte.

3. 
   

   
   Kliknutím na tlačidlá ho použijete. Výsledky vašich výpočtov by sa mali objaviť na paneli určenom na tento účel.