logo

JavaScript kalkulátor

Mint tudjuk, a Számológép egy hordozható eszköz, amelyet mindennapi életünkben használunk különféle matematikai funkciók elvégzésére, mint pl összeadás, kivonás, szorzás, osztás , gyökér stb. Vannak azonban tudományos vagy kifinomult számológépeink, amelyeket olyan összetett feladatok megoldására használnak, mint a trigonometriai függvények, fokok, exponenciális operátorok, logfüggvények, hiperbolikus függvények, négyzetgyök stb. Ebben a témában egy számolóprogramot készítünk JavaScriptben.

1. példa: Hozzon létre egy JavaScript-kalkulátort a JavaScript, HTML és CSS programozási nyelvek használatával.

Build.html

java dátum most
 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> 
Tesztelje most

Kimenet

Ha a fenti program bármelyik böngészőben lefut, az alábbi kép látható.

JavaScript kalkulátor

Most több műveletet hajtunk végre a JavaScript kalkulátorban a numerikus gomb megnyomásával, az ábrán látható módon:

JavaScript kalkulátor

A műveletek elvégzése után kattintson a ' = ' (egyenlő) gombbal térhet vissza a JavaScript Calculator' Eredmény megjelenítése .

rendbejárás
JavaScript kalkulátor

Továbbá egyenként eltávolíthatjuk a megjelenített eredményt vagy hibás számot a hátoldalon, ha rákattintunk a B ( Vissza ) gombot. Ha el akarjuk távolítani a teljesen látható számot, nyomjuk meg a C ( Megszünteti ) gombot a Számológépből.