logo

JavaScript kalkulators

Kā mēs zinām, Kalkulators ir pārnēsājama ierīce, ko izmanto mūsu ikdienas dzīvē, lai veiktu dažādas matemātiskas funkcijas, piemēram, saskaitīšana, atņemšana, reizināšana, dalīšana , sakne utt. Tomēr mums ir zinātniski vai sarežģīti kalkulatori, ko izmanto, lai atrisinātu sarežģītus uzdevumus, piemēram, trigonometrijas funkcijas, pakāpes, eksponenciālos operatorus, žurnāla funkcijas, hiperboliskās funkcijas, kvadrātsakni utt. Šajā tēmā mēs izveidosim kalkulatora programmu JavaScript.

1. piemērs: izveidojiet JavaScript kalkulatoru, izmantojot JavaScript, HTML un CSS programmēšanas valodas.

Build.html

kur atrodas klēpjdatora tastatūras ievietošanas taustiņš
 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> 
Izmēģiniet to tagad

Izvade

Kad iepriekš minētā programma tiek izpildīta jebkurā pārlūkprogrammā, tiek parādīts zemāk redzamais attēls.

JavaScript kalkulators

Tagad JavaScript kalkulatorā veicam vairākas darbības, nospiežot ciparu pogu, kā parādīts attēlā:

JavaScript kalkulators

Pēc darbību veikšanas noklikšķiniet uz ' = ' (vienāds) pogu, lai atgrieztu JavaScript kalkulatora parādīšanas rezultāts .

alfabēts kā skaitļi
JavaScript kalkulators

Turklāt mēs varam noņemt parādīto rezultātu vai nepareizu numuru pa vienam aizmugurē, noklikšķinot uz B ( Atpakaļ ) pogu. Ja vēlamies noņemt pilnībā redzamo numuru, nospiediet taustiņu C ( Atcelt ) pogu no kalkulatora.