Kuidas luua lihtsat kalkulaatorit HTML-i, CSS-i ja JavaScripti abil

Proovige Meie Instrumenti Probleemide Kõrvaldamiseks

Selles artiklis käsitletakse lihtsa kalkulaatoriprogrammi loomist HTML-i ja JavaScriptiga ning selle kaunistamist CSS-i abil.


Sõprade paljudest küsimustest ja taotlustest

Kas html-i abil on võimalik kalkulaatorirakendust teha?

Kuidas HTML-i abil kalkulaatorit teha?

Õde, palun tehke HTML-i abil lihtne kalkulaatorirakendus, palun...


ja selle juhtumiga seoses tekib palju muid küsimusi. Seega aitan selle artikliga teil leida vastuseid teie uudishimulike sõprade küsimustele.


(?) Kas see on siis võimalik?


(+) Muidugi.


Aga kui ütlete, et saate kalkulaatori tegemiseks kasutada ainult HTML-i, siis loomulikult te ei saa, sest selle kalkulaatorirakenduse tegemiseks on meil vaja aritmeetikat. Nimelt vajab see arvutuste tegemiseks veidi abi JavaScripti programmeerimiskeelelt. Noh, nagu me teame, on HML (Hypertext Markup Language) selle lühendist, mis tähendab viipekeelt.


Vajadusel selgitage veidi.


Mis on HTML?

on märgistuskeel, mida kasutatakse veebisaidi lehe loomiseks või võib öelda, et see loob veebisaidi aluse. Ja loomulikult ei saa seda kasutada aritmeetika/loogika arvutamiseks nagu teistes keeltes PHP, C++, JAVA jne.


OK, nüüd tagasi juhtumiuuringu juurde, kuidas teha HTML-i abil lihtne kalkulaator. Seega on kalkulaatori tegemiseks vaja aritmeetilisi arvutusi, kus tehakse arvuarvutusi, nagu liitmine, lahutamine, korrutamine, jagamine ja muud. Seetõttu kasutan siin väikest JavaScripti abi.


Mis on JavaScript?

Javascript on kõrgetasemeline ja dünaamiline programmeerimiskeel, mida saab siltide abil veebilehtedele sisestada. Lisateave JavaScripti programmeerimiskeele kohta.


Selle lihtsa kalkulaatorirakenduse loomiseks saame teha koostööd HTML-i ja JavaScriptiga ning ärge unustage ka CSS-i rolli, mis kaunistab kalkulaatori välimust, et muuta see atraktiivsemaks.


Lihtne kalkulaatorprogramm, mis kasutab HTML-i, CSS-i ja Javascripti

Palun kopeerige kohe järgmine kood oma tekstiredaktorisse, märkmikusse, sublime'i jne. Seejärel ärge unustage faili html-vormingus salvestada

|_+_|

Tulemus on selline, nagu alloleval pildil.

Lihtne kalkulaatori demo, mis kasutab HTML-i ja JavaScripti

Nii et ülaltoodud JavaScritpiga kalkulaatori tegemise kodeeringust näeb see välja umbes selline.


See on näide lihtsa kalkulaatori loomisest HTML-is, CSS-is ja JavaScriptis. Kui teil on küsimusi või midagi muud, küsige allolevas kommentaaride veerus.