logo

JavaScript skaičiuotuvas

Kaip žinome, Skaičiuoklė yra nešiojamas prietaisas, naudojamas mūsų kasdieniame gyvenime atlikti įvairias matematines funkcijas, pvz sudėjimas, atimtis, daugyba, dalyba , šaknis ir kt. Tačiau turime mokslinius arba sudėtingus skaičiuotuvus, naudojamus sudėtingoms užduotims, pvz., trigonometrijos funkcijoms, laipsniams, eksponentinių operatoriams, žurnalo funkcijoms, hiperbolinėms funkcijoms, kvadratinei šaknims ir pan., spręsti. Šioje temoje sukursime skaičiuoklės programą JavaScript.

1 pavyzdys: Sukurkite JavaScript skaičiuotuvą naudodami JavaScript, HTML ir CSS programavimo kalbas.

Build.html

atidaryti failą su java
 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 
Išbandykite dabar

Išvestis

Kai aukščiau nurodyta programa vykdoma bet kurioje naršyklėje, rodomas toliau pateiktas vaizdas.

JavaScript skaičiuotuvas

Dabar „JavaScript“ skaičiuoklėje atliekame kelias operacijas paspausdami skaičių mygtuką, kaip parodyta:

JavaScript skaičiuotuvas

Atlikę operacijas, spustelėkite „ = “ (lygus) mygtuką, kad grąžintumėte „JavaScript“ skaičiuoklės rodymo rezultatas .

katodinių spindulių vamzdžių monitorius
JavaScript skaičiuotuvas

Be to, mes galime pašalinti rodomą rezultatą arba klaidingą skaičių po vieną galinėje dalyje spustelėdami B ( Atgal ) mygtuką. Jei norime pašalinti visiškai matomą skaičių, paspauskite C ( Atšaukti ) mygtuką iš skaičiuotuvo.