logo

JavaScript калкулатор

Както знаем, Калкулатор е преносимо устройство, използвано в ежедневието ни за извършване на различни математически функции, като напр събиране, изваждане, умножение, деление , корен и т.н. Въпреки това имаме научни или сложни калкулатори, използвани за решаване на сложни задачи като тригонометрични функции, градуси, експоненциални оператори, логаритмични функции, хиперболични функции, квадратен корен и т.н. В тази тема ще създадем програма за калкулатор в JavaScript.

Пример 1: Създайте JavaScript калкулатор, като използвате езиците за програмиране JavaScript, HTML и CSS.

Build.html

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> 
Тествайте сега

Изход

Когато горната програма се изпълни на който и да е браузър, тя показва изображението по-долу.

JavaScript калкулатор

Сега извършваме множество операции в JavaScript калкулатора, като натискаме цифровия бутон, както е показано:

JavaScript калкулатор

След като извършите операциите, щракнете върху „ = ' (равно) бутон за връщане на JavaScript Calculator' Показване на резултат .

използване на интернет
JavaScript калкулатор

Освен това можем да премахнем показания резултат или грешен номер един по един в задния край, като щракнем върху B ( обратно ) бутон. Ако искаме да премахнем напълно видимото число, натиснете C ( Отказ ) от калкулатора.