Kao što znamo, Kalkulator je prijenosni uređaj koji se koristi u našem svakodnevnom životu za izvođenje raznih matematičkih funkcija kao što su zbrajanje, oduzimanje, množenje, dijeljenje , korijen itd. Međutim, imamo znanstvene ili sofisticirane kalkulatore koji se koriste za rješavanje složenih zadataka kao što su trigonometrijske funkcije, stupnjevi, eksponencijalni operatori, logaritamske funkcije, hiperboličke funkcije, kvadratni korijen i tako dalje. U ovoj temi izradit ćemo program kalkulatora u JavaScriptu.

Primjer 1: Napravite JavaScript kalkulator pomoću programskih jezika JavaScript, HTML i CSS.

Build.html

cimet vs mate

 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> 

Izlaz

Kada se gornji program pokrene u bilo kojem pregledniku, prikazuje se slika ispod.

Sada izvodimo više operacija u JavaScript kalkulatoru pritiskom na numerički gumb, kao što je prikazano:

Nakon izvođenja operacija kliknite na ' = ' (jednako) gumb za vraćanje JavaScript kalkulator' Prikaz rezultata .

što je govornik

Nadalje, možemo ukloniti prikazani rezultat ili pogrešan broj jedan po jedan na stražnjem kraju klikom na B ( leđa ) dugme. Ako želimo ukloniti potpuno vidljiv broj, pritisnite C ( Otkazati ) na kalkulatoru.