Turinys

• etapai
• 1 dalis Kodo supratimas
• 2 dalis Parašykite pagrindinį skaičiuotuvo kodą
• 3 dalis Skaičiuotuvo kūrimas
• 4 dalis Skaičiuotuvo naudojimas

Šiame straipsnyje: Supraskite kodąĮrašykite pagrindinį skaičiuotuvo kodąSukurkite skaičiuotuvąNaudokite skaičiuoklę11 Nuorodos

Yra daugybė būdų, kaip atlikti skaičiavimus kompiuteryje naudojant įmontuotą skaičiuoklę, tačiau taip pat galite sukurti savo naudodami tik HTML kodą. Norėdami tai padaryti, prieš pradėdami nukopijuoti reikiamą kodą į el. Failą, kurį išsaugote naudodami extension.html, turite išmokti HTML pagrindus. Tada tiesiog atidarykite failą savo mėgstamiausioje naršyklėje, kad galėtumėte pasiekti skaičiuoklę. Ši technika leidžia atlikti skaičiavimus tiesiogiai naršyklėje, mokantis kompiuterinio programavimo meno pagrindų.

etapai

1 dalis Kodo supratimas

1. 
   

   
   Supraskite, kaip veikia kodas. Kodas, kurį naudosite kurdami skaičiuotuvą, yra pagrįsti mažais kodo elementais, kurie veikia tarpusavyje apibrėždami skirtingus dokumento elementus. Norėdami sužinoti daugiau apie HTML, spustelėkite šią nuorodą arba galite perskaityti, ką daro kiekviena kodo eilutė, kurią naudosite skaičiuotuvui.
   • HTML: šis kodo gabalas nurodo likusią dokumento kalbą. Naudojama daugybė skirtingų programavimo kalbų, o žyma visam dokumentui rodo, kad šį kartą naudojate HTML.
   • vadovas : tai nurodo dokumentui, kad ši informacija yra duomenys, dar vadinami „metaduomenimis“. Žyma paprastai naudojama apibrėžti stilistinius dokumento elementus, tokius kaip pavadinimas, antraštės ir kt. Tai tarsi skėtis, pagal kurį yra apibrėžta likusi kodo dalis.
   • pavadinimas : Tai yra pavadinimas, kurį duosite dokumentui. Ši žyma naudojama dokumento pavadinimui, kai jis atidaromas naršyklėje, rodyti.
   • kūno bgcolor = "#" : Nustatoma dokumento fono spalva. Skaičius, kuris pasirodo po aštriu, atitinka iš anksto nustatytą spalvą.
   • = '' : Žodis kabutėse nurodo dokumento e spalvą.
   • formos pavadinimas = "" : Šis atributas nurodo formos, kuri bus naudojama būsimos struktūros pavadinimui, kad „JavaScript“ žinotų, kokia forma yra kalbama. Pvz., Formos pavadinimas, kurį mes naudosime, yra „skaičiuoklė“, kuri sukurs specifinę dokumento struktūrą.
   • įvesties tipas = "" : čia vyks veiksmas. Atributas „input type“ nurodo dokumentui e vertės tipą likusiuose skliausteliuose. Pvz., Tai gali būti e, slaptažodis, mygtukas (kaip tai bus mūsų skaičiuoklei) ir pan.
   • vertė = "" : Šis atributas nurodo dokumentui, ką turės atributas „input type“. Skaičiuoklei parodysite skaičius nuo 1 iki 9 ir aritmetinius ženklus (+, -, *, /, =).
   • onclick = "" : Šis kodo fragmentas apibūdina įvykį, kuris dokumentui nurodo, kad suaktyvinus mygtuką kažkas turi įvykti. Norėdami naudoti skaičiuoklę, norite parodyti numerį, atitinkantį mygtuką, kurį paspaudė vartotojas. Pvz., Jei įjungtas 6 mygtukas, tarp kabutės norite įterpti document.calculator.in.value + = 6.
   • BR : tai žyma, nurodanti eilutės pertrauką, visas likęs kodas, kuris bus kitas, pasirodys žemiau esančioje eilutėje.
   • / forma, / kūnas ir / html Šios uždarymo žymos nurodo naršyklei, kad anksčiau atidarytos žymos yra baigtos ir uždarytos.

2 dalis Parašykite pagrindinį skaičiuotuvo kodą

Nukopijuokite žemiau esantį kodą. Pasirinkite žemiau esantį e, laikydami žymeklį nuspaustą nuo viršutinio kairiojo langelio kampo ir vilkdami jį į apatinį dešinįjį kampą, kad visas e pasirodytų mėlynas. Tada paspauskite „Command + C“ „Mac“ arba „Ctrl + C“ kompiuteryje, kad nukopijuotumėte el.

Rezultatas yra

3 dalis Skaičiuotuvo kūrimas

1. 
   

   
   
   
   Kompiuteryje atidarykite el. Failą. Yra daugybė programų, kurias galite naudoti, tačiau siekiant kokybės, rekomenduojama naudoti „Redaguoti“ arba „Užrašų knygą“.
   • Jei norite atidaryti „Spotlight“, „Mac“ sistemoje tiesiog spustelėkite padidinamąjį stiklą ekrano viršuje, dešinėje. Kai atidarysite, įveskite redaguoti ir spustelėkite programą, kuri turėtų būti pasirinkta mėlyna spalva.
   • Kompiuteryje spustelėkite mygtuką pradžia kairysis apatinis. Paieškos juostoje įveskite Užrašų knygelė ir spustelėkite programą, kuri turėtų būti rodoma rezultatuose.

2. 
   

   
   Įklijuokite HTML kodą dokumente.
   • „Mac“ sistemoje tiesiog spustelėkite dokumento pagrindą ir paspauskite „Command + V“, Tada turėtumėte spustelėti formatas ekrano viršuje, tada - toliau Peržiūrėti paprasta e įklijavus kodą.
   • Kompiuteryje spustelėkite dokumento pagrindą ir įklijuokite kodą paspausdami „Ctrl + V“.

3. 
   

   
   Įrašykite failą. Tiesiog paspauskite mygtuką byla lango viršutiniame kairiajame kampe ir toliau Išsaugoti kaip ... asmeniniame kompiuteryje arba Išsaugoti ... pasirodžiusiame išskleidžiamajame meniu „Mac“.

4. 
   

   
   Pridėkite HTML plėtinį. Įvedę meniu, prieš spustelėdami įveskite failo pavadinimą ir „.html“ įrašas, Pvz., Jei norite pavadinti šį failą „mano pirmąja skaičiuokle“, galite jį pavadinti: „MyPremierCalculette.html“.

4 dalis Skaičiuotuvo naudojimas

1. 
   

   
   Raskite HTML failą. Tiesiog įveskite failo pavadinimą „Spotlight“ „Mac“ arba „Windows“ meniu Pradėti paieškos juostoje. Nebūtina įvesti failo plėtinio.

2. 
   

   
   Spustelėkite jį, kad atidarytumėte. Numatytoji naršyklė turėtų atidaryti skaičiuoklę naujame skirtuke.

3. 
   

   
   Norėdami jį naudoti, spustelėkite mygtukus. Skaičiavimų rezultatai turėtų būti rodomi tam skirtoje juostoje.