Kaip atlikti papildymą HTML

Naudodami kelis HTML pareiškimus ir šiek tiek „JavaScript“, galite sukurti savo skaičiuoklį, kuris atlieka papildymą. Ši užduotis nėra tokia sudėtinga, kaip atrodo, nes HTML sukuria jums skaičiuoklės valdiklius, o „JavaScript“ tvarko visus skaičiavimus. Viskas, ką jums reikia padaryti, yra išdėstyti savo tinklalapio valdiklius taip, kad jie sukurtų norimą vartotojo sąsają.

Skaičiuoklės valdikliai

Skaičiuokliams, į kuriuos įtraukiami skaičiai, reikalingi keturi pagrindiniai valdikliai: du teksto laukeliai, kad įvestumėte skaičius, teksto laukelis, rodantis rezultatus, ir mygtukas. Šis HTML kodas sukuria šiuos keturis valdiklius:

+ =

Mygtuke yra skambutis į „JavaScript“ funkciją, kuri prideda du numerius ir išsaugo rezultatą trečiame teksto laukelyje. Kiekvienam teksto laukui reikia „id“ vertės, kurią „JavaScript“ naudoja norėdama gauti nuorodas į teksto laukus.

„JavaScript“ logika

Toliau pateikiami „JavaScript“ pareiškimai sukuria tris objektus, kuriuose yra nuorodų į tris teksto laukelius:

var box1 = document.getElementById ("langelis1"); var box2 = document.getElementById ("box2"); var box3 = document.getElementById ("box3");

Tada galite pridėti numerius pirmuose dviejuose teksto laukeliuose ir juos išsaugoti kintamajame, pvz., „Rezultatas“, taip:

var results = skaičius (box1.value) + skaičius (box2.value); box3.innerHTML = rezultatas;

Funkcija „Numeris“ teksto laukeliuose išsaugotas teksto reikšmes paverčia skaičiais, kuriuos „JavaScript“ gali valdyti.

Naudojimas

Įkelkite savo HTML skaičiuoklės puslapį į savo interneto serverį, kad kiekvienas, turintis prieigą prie interneto, galėtų jį naudoti. Taip pat galite paleisti jį vietoje savo kompiuteryje. Sukūrę HTML dokumentą, suraskite jį „Windows Explorer“ ir dukart spustelėkite jos piktogramą, kad būtų rodoma numatytoji žiniatinklio naršyklė. Tuomet skaičiuoklę galite pridėti ir atimti numerius. Naršyklės taip pat leidžia žymėti vietinius HTML puslapius, kurie yra jūsų standžiajame diske. Išsaugokite savo skaičiuoklės puslapį kaip žymą, kad galėtumėte jį atidaryti bet kuriuo metu ir atlikti skaičiavimus iš savo naršyklės.

Priedai

Jei norite sukurti tinklalapį, nereikia suprasti „Cascading Style Sheets“ arba „CSS“. Tačiau, jei žinote šiek tiek CSS, galite naudoti ją kuriant gerbėjų kontrolę. Naudokite spalvų ir pasienio atributus, pavyzdžiui, norėdami pridėti spalvotus kraštus aplink teksto laukus. Jūs netgi galite įdėti visas valdymo priemones į „div“ valdiklį ir pridėti fono paveikslėlį, kad jūsų skaičiuoklė atrodytų kaip tikras. Jei reikia pridėti daugiau numerių, į HTML puslapį pridėkite papildomų teksto laukų ir pakeiskite „JavaScript“ kodą taip, kad į jį būtų įtraukti šie teksto laukeliai.