logo

JavaScript lommeregner

Som vi ved, er Lommeregner er en bærbar enhed, der bruges i vores daglige liv til at udføre forskellige matematiske funktioner som f.eks addition, subtraktion, multiplikation, division , rod osv. Vi har dog videnskabelige eller sofistikerede regnemaskiner, der bruges til at løse komplekse opgaver såsom trigonometrifunktioner, grader, eksponentielle operatorer, logfunktioner, hyperbolske funktioner, kvadratrod og så videre. I dette emne vil vi lave et regneprogram i JavaScript.

Eksempel 1: Opret en JavaScript-beregner ved hjælp af programmeringssprogene JavaScript, HTML og CSS.

Byg.html

css ændre billedstørrelse
 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> 
Test det nu

Produktion

Når ovenstående program køres på en hvilken som helst browser, viser det nedenstående billede.

JavaScript lommeregner

Nu udfører vi flere operationer i JavaScript Calculator ved at trykke på den numeriske knap, som vist:

JavaScript lommeregner

Når du har udført handlingerne, skal du klikke på ' = ' (lige) knap for at returnere JavaScript Calculator' Vis resultat .

cloud computing-applikationer
JavaScript lommeregner

Desuden kan vi fjerne det viste resultat eller forkert nummer én efter én i bagenden ved at klikke på B ( Tilbage ) knappen. Hvis vi vil fjerne det helt synlige tal, skal du trykke på C ( Afbestille ) knappen fra lommeregneren.