Som vi vet är Kalkylator är en bärbar enhet som används i vårt dagliga liv för att utföra olika matematiska funktioner som t.ex addition, subtraktion, multiplikation, division , rot, etc. Vi har dock vetenskapliga eller sofistikerade räknare som används för att lösa komplexa uppgifter som trigonometrifunktioner, grader, exponentialoperatorer, logfunktioner, hyperboliska funktioner, kvadratrot och så vidare. I det här ämnet kommer vi att skapa ett kalkylatorprogram i JavaScript.
Exempel 1: Skapa en JavaScript-kalkylator med hjälp av programmeringsspråken JavaScript, HTML och CSS.
Bygg.html
css opacitetsövergång
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>Testa det nu
Produktion
När ovanstående program körs på valfri webbläsare visar det bilden nedan.
Nu utför vi flera operationer i JavaScript Calculator genom att trycka på sifferknappen, som visas:
När du har utfört operationerna klickar du på = ' (lika)-knappen för att returnera JavaScript Calculator' Visa resultat .
f filmer
Dessutom kan vi ta bort det visade resultatet eller fel nummer ett efter ett i bakkanten genom att klicka på B ( Tillbaka ) knapp. Om vi vill ta bort det helt synliga numret, tryck på C ( Annullera ) från räknaren.